CSS Gradient Generator
|Wobec coraz bardziej rosnącej popularności css3 także i ja po kilku miesiącach niechęci postanowiłem zacząć ich szerzej używać. To jest nie tylko do zabawy lecz także w komercyjnych projektach.
Po zaokrÄ…glonych rogach i box-shadow przyszÅ‚a kolej na przyjrzenie siÄ™ opcjom gradientowym i tu nastÄ…[iÅ‚a chwila konsternacji: z Firefoxem, Chromem i Safari nie ma problemu jednak zawsze problematyczny IE i o dziwo Opera nie sprawujÄ… siÄ™ tu już tak dobrze. W tym miejscu nastÄ…piÅ‚o kolejne zaskoczenie, gdyż na tle Opery IE wypada lepiej, ponieważ nie obsÅ‚ugujÄ…c gradientów stricte rodem z css3 pozwala na ich tworzenie za pomocÄ… filtrów z jednym tylko zastrzeżeniem – możemy zdefiniować tylko poczÄ…tkowy i koÅ„cowy jego kolor. Pojawia siÄ™ także problem wstecznej kompatybilnoÅ›ci przeglÄ…darek radzÄ…cych sobie z przejÅ›ciami tonalnymi.
Pewnym ratunkiem, a na pewno pomocą okazało się dla mnie narzędzie online o nazwie CSS Gradient Generator, który nie dość, że umożliwia generowanie styli css gradientów, to pozwala nam na zachowanie wstecznej kompatybilności i uwzględnienie kłopotliwego IE i Opery. Poza wygenerowaniem odpowiednich stylów daje nam ono możliwość pobrania stworzonych przez nas gradientów w plikach png i svg (dla Opery).