Поиск по этому блогу

четверг, 15 декабря 2016 г.

Рваный край в угловом градиете в Chrome

Не заметил с какой версии хрома появился баг, но то что он делает все уголки мягко говоря рваными, очень не приятно.

See the Pen Chrome gradient bug by Dima Sokol (@SDemonUA) on CodePen.
Что интересно - если градиент идет под углом 45° , в примере же используется "to bottom left" что соответствует 315°. К счастью не трудно переделать данный градиент на 45°
В примере используется "to top right" что соответствует 45°.
UPD: под маком в Firefox помогает лишь смещение градиента:
Было: linear-gradient(to top right, transparent 0, transparent 50%, red 50%)
Стало: linear-gradient(to top right, transparent 0, transparent 49%, red 50%)

Комментариев нет:

Отправить комментарий