Вы упомянули OS X. Есть ли у вас какой-нибудь опыт того, как интенсивное использование CSS-градиентов влияет на мобильные браузеры (iOS / Android)?
ибудь или кто-нибудь знает, кто оценивал эффективность использования фоновых градиентов в CSS по сравнению с использованием изображений?
Использование кода определенно более гибко и продуктивно, но есть ли снижение производительности при использовании CSS-градиентов для кнопок, панелей и т. Д.?
Вот пример кросс-браузерного CSS-градиента:
background: #1E5799; /* old browsers */
background: -moz-linear-gradient(top, #1E5799 0%, #2989D8 50%, #207cca 51%, #7db9e8 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1E5799), color-stop(50%,#2989D8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1E5799', endColorstr='#7db9e8',GradientType=0 ); /* ie */
background: -o-linear-gradient(top, #1E5799 0%,#2989D8 50%,#207cca 51%,#7db9e8 100%); /* opera */