Владение CSS3 может сделать всю страницу более эффектной. Здесь мы собрали 47 крутых эффектов, реализованных с помощью CSS3, и приложили ссылки на руководства для каждого эффекта.
1. Книга образцов с CSS3 и jQuery
Демо
2. 3D-эффекты при наведении на миниатюры
Демо
3. Создайте потрясающее меню на CSS3
Демо
4. Более эффективные переходы CSS3
Демо
5. Создание резиновых макетов с помощью CSS3 и HTML5
Демо6. Осваиваем множественные фоны CSS3
7. Пользовательская стилизация раскрывающегося списка
Демо
8. Быстрое создание эффектной тизерной страницы с CSS3
Демо
9. Портфолио с растущими миниатюрами
Демо
10. Кнопочные переключатели с чекбоксами и изысками CSS3
Демо
11. Фильтры CSS3: изменение HTML и изображений только с помощью CSS
12. 3D-переворачивающийся круг с CSS3 и jQuery
Демо
13. Создание впечатляющей витрины товаров с CSS3
Демо
14. Адаптивная раскладка только на CSS с плавными переходами
Демо
15. Создание анимированного 3D-отскакивающего мяча с CSS3
Демо
16. Создание журнала с перелистыванием страниц с помощью turn.js
Демо
17. Анимированная 3D-гистограмма с CSS3
Демо
18. Циклическое слайд-шоу на чистом CSS3
Демо
19. Эффект наложения аннотаций с CSS3
Демо
20. Как создать интерактивный график с помощью CSS3 и jQuery
Демо
21. Гибкое слайд-шоу на CSS3 с эффектом параллакса
Демо
22. Создание эффекта стикера с помощью CSS3 и HTML5
Демо
23. Анимированные вкладки контента с CSS3
Демо24. Эффектная навигация на CSS3
Демо
25. Вращающиеся слова с CSS-анимациями
Демо
26. Как создать аккордеон-меню на чистом CSS3
Демо
27. Форма входа и регистрации с помощью HTML5 и CSS3
Демо
28. Введение в модуль CSS Flexbox
Демо
29. Адаптивный навигатор по контенту с CSS3
Демо
30. Воссоздание логотипа IBM Lotusphere с помощью CSS3
Демо
31. Форма входа в стиле Apple с 3D-преобразованиями CSS
Демо
32. Выпадающее меню на CSS3
Демо
33. Оригинальные эффекты при наведении с CSS3
Демо
34. Эффект навигации по меню на CSS3
Демо
35. CSS3 с jQuery / обратная анимация
Демо
36. Прогресс-бары на CSS3
Демо
37. Создание страницы «О нас» на PHP и CSS3
Демо
38. Как создать красивую иконку с помощью CSS3
Демо
39. Создание 3D-лент только с помощью CSS3
Демо
40. Создание формы загрузки с использованием CSS3, HTML5 и jQuery
Демо
41. Создание видеоплеера с помощью jQuery, HTML5 и CSS3
Демо
42. Освойте новые свойства макета CSS
Демо
43. Аккордеон изображений с CSS3
Демо
44. Современный лайтбокс с CSS3 и JavaScript
Демо
45. Создайте красивый индикатор надежности пароля
Демо
46. Полноэкранный Slit Slider с jQuery и CSS3
Демо
47. Анимация загрузки Facebook
Демо