С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:
Сколько будет Οдин + Τри
Главная
X

Новые заметки:

Про что мы забываем когда делаем оценку задачи по времени

Список вопросов для собеседования разработчика по телефону

Symfony2 авторизация без Doctrine2 для чайника

Phpstorm7 LiveEdit

Жесткий хабр или не хабр, тогда кто?

Яндекс.Деньги мошенничество

Как узнать какие страницы в поиске яндекса или это секрет

Последние комменты:

Yapro CMS:

Здравствуйте, Гость | Войти | Регистрация | Карта сайта | RSS ленты | Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter

youtube.com/watch?v=7hFivbgIEqk

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

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