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

Автор: Aport Пятница, Январь 23rd, 2015 Нет комментариев

Рубрика: Разное

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

 

Источник: yapro.ru

Оставить комментарий

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты