hermit931 Nov 29 2012 at 07:35

SCSS и кросплатформенный градиент (ну почти)

4 min

5.1K

CSS*Website development*

From sandbox

Comments 9

exdeniz Nov 29 2012 at 08:10

Посмотрите реализацию Gradient в Stylus Nib
Мне кажется она сделана довольно интересно, как впрочем и сам nib

hermit931 Nov 29 2012 at 08:20

мне нужно было на SCSS, а это кажется не то

exdeniz Nov 29 2012 at 08:31

Я не говорю про то, что это SCSS — я говорю про реализацию. Может она наведет на какую то интересную идею. Кстати в Compass есть михин градиента с color-stop, но там довольно просто это реализовано.

hermit931 Nov 29 2012 at 08:33

До компаса еще не дорос :), но уже подумываю и на него подсаживаться

yeremeiev Nov 29 2012 at 08:13

-ms- градиенту не нужен: IE до 9 включительно не поддерживает градиент вообще, а 10-й — поддерживает без префикса.

hermit931 Nov 29 2012 at 08:19

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

PrivateDetective Nov 29 2012 at 16:11

IE9 поддерживает градиенты, но придется использовать SVG.

omfg Nov 29 2012 at 08:55

Если используете Sass, то почему не используете Compass? Там есть своя годная реализация compass-style.org/reference/compass/css3/images/
Для ie используется или filter, или svg.
Можете посмотреть код на githab для расчета filter.

hermit931 Nov 29 2012 at 09:03

да я не спорю что она плоха, или моя лучше. Мне нужно было для SCSS, без компаса, ну не использую пока что его, а решение нужно было сейчас. Да и при поиске гугл ничего по этому не выдал (плохо искал наверное). Если бы напоролся на это решение сразу, возможно им бы и воспользовался.