Home » Полезное » 30 примеров того, что можно сделать при помощи CSS3

Всем любителям и приверженцам css3 посвящается. Как известно из-за проблем с совместимостью, некоторые браузеры не правильно отображают css3, многие веб разработчики так и не используют всю мощь css3. А зря, ведь новые возможности, не только уменьшили нам работы с различными flash эффектами, которые мы создаём для придания динамики сайту, а также помогли сделать сайт более лёгким. В этой статье собраны 30 интересных примеров использования css3, многие из этих технологий вы можете использовать на своих сайтах, и я думаю, если бы убрали проблемы с браузерами, а точнее с IExplorer, то тогда ваша работа стала ещё легче и быстрее.

1.  Логотип браузера Опера нарисован при помощи css3Логотип браузера Опера

2. Аналоговые часы, немного css3 и jqueryАналоговые часы

3. Эксперимент с тенями.Эксперимент с тенями

4. Разбиение текста на несколько колонок стало ещё легчеразбиение текста на несколько колонок

5. 4 способа выделить ваши ссылки в тексте4 способа выделить ваши ссылки в тексте

6. Меню в стиле вертикального аккордеонаМеню в стиле вертикального аккордеона

7. Супер кнопки для вашего сайтаСупер кнопки

8. Вертикальный градиент в тексте и добавление полосок.Вертикальный градиент в тексте и добавление полосок

9. Альтернатива эффектам javascriptАльтернатива эффектам javascript

10. Текстовый эффектТекстовый эффект

11. Объяснение взаимодействия цветовОбъяснение взаимодействия цветов

12. Создайте красивый текстовый эффект для вашего меню.Создайте красивый текстовый эффект для вашего меню

13. Bokeh эффект при помощи CSS3Bokeh эффект при помощи CSS3

14. Красивый списокКрасивый список

15. Как сделать красивые информационные блоки.Как сделать красивые информационные блоки

16. Пузырьки с текстомПузырьки с текстом

17. Смена изображение при помощи эффектов как в flashСмена изображение при помощи эффектов как в flash

18. Создание обновляющего окна как в TumblrСоздание обновляющего окна как в Tumblr

19. Вращение текста при помощи css3 Вращение текста при помощи css3

20. Ещё один красивый текстовый эффектЕщё один красивый текстовый эффект

21. Галерея для ваших изображенийГалерея для ваших изображений

22. Прикольный эффектПрикольный эффект

23. 3D эффект при помощи css33D эффект при помощи css3

24. Создайте более глубокий дизайнСоздайте более глубокий дизайн

25. Анимированные 3D постерыАнимированные 3D постеры

26. Работа с тенямиРабота с тенями

27. Звёздный фонЗвёздный фон

28. Как показывать или скрывать текст при помощи средств css3Как показывать или скрывать текст при помощи средств css3

29. Создаём спинер загрузкиСоздаём спинер загрузки

30. Эластичное менюЭластичное меню

Ещё по теме:

  1. 20 уроков использования CSS3 и HTML5
  2. Новые тренды в дизайне с использованием CSS3
  3. 50 полезных уроков для веб разработчика (часть 1)
  4. 40 полезных веб компонентов на Jquery
  5. 35 лиц выполненных при помощи типографии

2 комментария

  1. Агент пишет:

    Отличная подборка Спасибо)) Надо будет опробовать. Главное чтоб Осёл осилил CSS3

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