Много захватывающих новых функций и особенностей продумывается для CSS3. Попробуем некоторые из них, и проверим их соответвие в своем браузере.
Сейчас наблюдается просто какая-то повальная увлечённость анимацией и эффектами CSS3. И пусть не все браузеры пока еще обеспечили поддержку этих свойств, пробовать, создавать что-то и тренироваться разработчики могут уже сейчас.
А чтобы некоторые интересные штуковины и туториалы не прошли мимо, я собрал их в одном месте:
Поддержка различными браузерами свойств CSS3.
11 примеров использования CSS3 — перевод статьи с сайта nettuts.com на Хабре. Наглядное сравнение возможностей CSS3 и CSS2.1 + JavaScript.
Всё крутится и летает — очень оригинальные примеры анимации на CSS3.
Создание кнопок в CSS3 с тенями, вдавленным текстом, закруглениями и градиентами.сайт источник http://yapro.ru Tue May 25 2010 10:26:18 GMT+0400
12 полезных советов и приёмов в CSS3 — особо интересен колоночный контент, различные языки (+ направление текста) и множественные фоны.
Эффект вдавленного текста, модный сейчас на западных сайтах.
Онлайн CSS3-генератор для простых свойств, применимых к блокам и тексту.
Небольшие хитроcти от csstricks.com. Красивый эффект анимированного задымлённого текста. Там же пример с множественным фоном для навигации — будущая замена для Sliding Doors.
Пуленепробиваемый синтаксис для @font-face.
3D-трансформации и CSS-анимация в Safari. Базовые понятия.
Табы для блоков с меняющимся контентом на CSS3 без JavaScript. Отличный приём, но ему явно не хватает фиксации таба кликом, примерно такой, какую реализует в своих меню маг CSS Стю Николс.
Чит-лист CSS3.
Практические примеры анимации и эффектов в CSS3.
40 невероятных jQuery и CSS3 примеров и техник.
Напомню, что всё это работает в Google Chrome 3 и Safari 4.
Источник: rotorweb.ru
Просмотреть весь список СSS3 свойств и проверить их поддержку в Вашем браузере можно здесь: 1 - 2
Для тех, кто хочет узнать сразу, какие из браузеров поддерживают те или иные свойства, смотрите шпаргалку »
А тут можно пощупать CSS3 в действии можно тут: 1 - 2 - 3
