СSS3 - невозможное возможно :)

Много захватывающих новых функций и особенностей продумывается для 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

Оцени публикацию:
  • 11,52
Оценили человек: 11
Теги : CSS3, Cascading Style Sheets, css

Похожие статьи:

Справочники и учебники:


Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Введите изображенные цифры:
Captcha
Главная
X

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2017 YaPro.Ru

Главная » Веб-мастеру » CSS »