mythmaker Nov 26 2010 at 15:22

Генератор градиентов на CSS

1 min

53K

Website development*

+46

Comments 25

crwin Nov 26 2010 at 17:31

в IE, конечно же, ацтой. но он это заслужил :)

NeOn4eG Nov 26 2010 at 17:33

под оперу не генерит, только с префиксами -moz и -webkit :(

crwin Nov 26 2010 at 17:37

она и не поддерживает его как бы. если только через картинку, но это извращение.

NeOn4eG Nov 26 2010 at 17:47

скажите это моим градиентным кнопкам…

-4

FractalizeR Nov 26 2010 at 17:51

Говорим :)

NeOn4eG Nov 26 2010 at 17:53

ну да, похоже я был не прав, у меня градиент через box-shadow…

Lazio_od Nov 26 2010 at 17:40

я вот этот использую
www.display-inline.fr/projects/css-gradient/
он и картинку генерит

mythmaker Nov 26 2010 at 18:00

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

dust Nov 26 2010 at 17:44

Давно использую, как слон доволен.

polyakov_andrey Nov 26 2010 at 17:50

Какие браузеры поддерживают? Firefox, chrome, safari точно поддерживают, а вот Ie начиная с какой версии поддерживает, и есть ли поддержка opera?

mythmaker Nov 26 2010 at 17:56

Как говорят интернеты, работает во всех версиях IE. Opera не поддерживается.

quark Nov 26 2010 at 18:03

А генерить безвендоропрефиксное (слово-то какое) свойство согласно текущей спецификации уже не круто?

pepelsbey Nov 26 2010 at 19:42

Спецификация поменяется, инфа 100%
Так что писать без префикса смысла не имеет.

t0H Nov 26 2010 at 18:19

А вот сборник всех примочек http://css3generator.com/

pepelsbey Nov 26 2010 at 19:43

Были бы чуть сообразительнее, генерили бы ещё и SVG-файл для Opera и IE9. А пока это очередная игрушка.

iamo0 Nov 26 2010 at 20:55

Вадим взял и открыл секрет судьбы! Это нечестно.

Помимо того, что можно генерить SVG-файл можно встраивать код SVG прямо в CSS.

grey_kristy Nov 26 2010 at 22:12

Может лучше Опера наконец научится понимать gradient?

-1

pepelsbey Nov 27 2010 at 03:17

Было бы что понимать. Спецификация далека от финальной стадии. Как только дойдёт до чего-то стабильного — мы тормозить не будем.

-1

Panya Nov 26 2010 at 20:04

Для Оперы нужно еще делать SVG картинку, и соединить ее вставку с простым цветом в первом background + в идеале через data:uri вставить (чтобы не было дополнительного http-запроса).

Iskin Nov 26 2010 at 22:27

Используйте Compass и SASS, там моно писать просто:

a {
  @include border-radius(10px);
  @include linear-gradient(color-stops(white, black))
}

И это вставит строки для всех браузеров.

Iskin Nov 26 2010 at 22:28

sass-lang.com/
compass-style.org/docs/

dom1n1k Nov 26 2010 at 22:35

Мне ещё вот этот нравится: css3please.com

art_tk Nov 27 2010 at 09:34

Иногда использую: css3maker.com, удобно

gonzazoid Nov 27 2010 at 19:51

не проще ли генерить скриптом data:image/png;base64?

lahmatiy Nov 29 2010 at 10:43

Не проще — градиент подстраивается под высоту/ширину, т.е. перерасчитывается/тянется при необходимости. Картинку же можно сделать лишь для фиксированных размеров.

Show the best of all time