Анимация, изящные эффекты и кросс-браузерная совместимость

CSS3 предлагает огромное количество интересной функциональности, о которой вы не знали, но которая поможет превратить ваши сайты во что-то особенное. Только не забывайте о кросс-браузерной совместимости - кое-что из этого может быть недоступным в старых браузерах.

Пункты для размышления

  • Как сделать скругление углов блока?
  • Как добавить блоку тень?
  • Как повернуть элемент на определенный угол?
  • Какую интересную анимацию вы можете использовать в CSS3?
  • Что такое псевдоэлементы и для чего они нужны?

Задание

  1. Прочитайте о свойстве CSS Transition от A List Apart
  2. Просмотрите шпаргалку по CSS3 анимации, чтобы иметь представление о том, что вы можете сделать.
  3. Взгляните на canIuse, таблицу совместимости различных элементов в CSS и HTML5.
  4. Прочитайте про CSS анимацию на htmlbook на русском

Дополнительные ресурсы

Этот раздел содержит полезные ссылки на дополнительные материалы. Они не обязательны, так что расценивайте их как нечто полезное, если вы хотите поглубже погрузиться в тему.

Поделиться уроком: