Сейчас многие начали наблюдать много экспериментов над CSS3 анимацией,
но ещё относительно недавно поддержка этой анимации была ограничена
браузерами на вебките.И в середине 2011 года браузер Mozila
Firefox 5 тоже получил эту поддержку.Поэтому сейчас идеальное время,
чтобы разобраться с синтаксисом @keyframes (покадровой анимации).Далее
я расскажу вам про CSS3 анимацию и покажу различные примеры.

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

Вот допустим Opacity-прозрачность.В браузерах,поддерживающих это свойство, указать прозрачность можно так:


Данное обьявление прозрачности затронет всех потомков элемента.В том числе и текст,картинки,бэкграунд и т.д.Это крайне неудобно,поэтому в CSS3 вводится новое обьявление - RGBA,которое решает данную проблему:


В данном случае только фон получит значение прозрачности 0.5.

Multiple Backgrounds-указание нескольких фоновых картинок.Новая версия CSS позволяет добавлять элементам несколько фоновых картинок!Можно разместить изображения вверху,в центре,в углу и других местах.Верстать сложные макеты станет намного легче.Вот пример установки нескольких картинок для фона: