Комментарии 21
В тексте сей заметки следовало бы указать градиент без вендорного префикса -webkit- и по текущему стандарту (С ключевым словом to).
+1
Спасибо, убрал префикс. Не стал добавлять приставку 'to' потому что черновик может измениться в любой момент и ни один браузер не поддерживает такое написание направления градиента. В первую очередь я руководствовался этой спецификацией: www.w3.org/TR/2011/WD-css3-images-20110217/
0
Приставку to поддерживает Firefox 10+ и Opera 11.60+ и указывать, думаю, надо именно то, что прописано в текущем стандарте, в противном случае мы делаем медвежью услугу тем людям, кто не думая «накопипастят» код. Не думаю, что стандарт ещё раз поменяют, хотя я бы добавил ещё ключевое слово «from», чтобы избавиться от недоразумений :)
0
Иногда ох проще картинками это делать. Столько возьни с этой универсальностью. Там чтобы набить эти цифры, подогнать все к тому же дизайну, немерено времени уйдет. Но как вариант да, имеет право на существование.
Мне css3 напомниет рисование во флеше через код. Когда уже css3 вектоный редактор будет?
Мне css3 напомниет рисование во флеше через код. Когда уже css3 вектоный редактор будет?
+1
А смысл примера, который могут оценит только обладатели IE10? Может все же вернуть префиксы?
0
В конец по-моему стоит добавить ещё:
.container li:last-child
{
background-size: 0 0, 0 0, auto;
background-image: none;
}
+1
Чудеса :)
+2
5 минут водил курсором по демке, пока понял, что никакого transition-а там нет )
+1
Правильно ли я понимаю, что метод работает только на однородном фоне?
0
На любом фоне, там же rgba. Метод использован на моём сайте cyberap.net где на фоне стоят фотографии (не в рекламу будет сказано)
0
А вертикальные такие как делать?
0
НЛО прилетело и опубликовало эту надпись здесь
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Затухающие полоски на CSS3 без изображений