CSS3 сейчас — анимация, прозрачность и многое другое

Web Developer
Продолжая цикл статей «CSS3 сейчас!» (Первая статья — CSS Transitions), хотелось бы рассказать об анимации средствами CSS3, а конкретно — @keyframe и animate. Так же, в статье мы затронем свойства opacity и цветовую модельrgba(), кроссбраузерное использование border-radius, box-shadow и градиентов.


Читать дальше

CSS3 сейчас — transition

Web Developer
CSS3 и HTML5 развиваются всё быстрее и быстрее, браузеры начинают поддерживать всё больше новых фишек и плюшек. В связи с этим, мне хотелось бы заглянуть в наш будущий рай верстальщиков и сделать цикл обзорных статей по новым плюшкам и фишкам этих технологий.
В этом цикле мне хотелось бы рассмотреть такие свойства CSS3, как transition, animate, opacity и модель rgba().

Использование CSS3

Часто можно услышать от многих веб-дизайнеров слова «Я уже не могу дождаться, когда же можно будет использовать CSS3...». А между тем, использовать его можно уже сегодня. Да, использование CSS3 для критичных моментов сайта сейчас невозможно. Но использовать его для добавления мелких, некритичных для проекта деталей вполне реально, можно и нужно.
Читать дальше

Эффект размытия текста с text-shadow

Web Developer
Про CSS-свойство text-shadow написано уже много. Я же хочу поделиться с хабрасообществом нестандартным способом использования этого свойства, который открыл случайно, играясь с презентацией возможностей HTML5 и CSS3.


Суть идеи

В CSS3, как известно, появилась возможность задавать цвет в формате rgba. Последнее число — альфа-канал, с помощью которого можно указывать прозрачность.
Также есть возможность задать тень у текста при помощи свойства text-shadow.

Если цвет текста сделать прозрачным, то тень всё равно отображается. А если тень с нулевыми смещениями и радиусом размытия, то визуально это будет обычный текст.
Читать дальше

76 новых материалов на русском

Web Developer
image

Недавно был снова обновлен центр по Internet Explorer на MSDN. Были добавлены 76 статей и книг, посвященных следующим темам:

  • HTML,CSS3 и DHTML

  • JavaScript, AJAX, DOM и JQuery
  • Расширения
  • Производительность
  • Совместимость


Читать дальше