Если Вы хотите работать со мной, просто напишите!
Если Вам нужно выполнить HTML верстку, или хотите задать мне вопрос, заполните форму справа

X

Подборка примеров CSS3

Недавно я сделал подборку примеров и использования css3. А так как этот язык разметки приобретает популярность то показать еще несколько примеров было бы логично. Поэтому смотрите, скачивайте и наслаждайтесь :)

1. Эффект hover

hover css3

Несколько пример оригинальных эффектов css3 при наведении курсора.

Скачать

Пример

 

2. Креативное анимированное меню CSS3

Creative CSS3

Несколько интересных идей для меню с помощью анимации css3.

Скачать

Пример

 

3. Меню с эффектом размытия

menu-blur

Несколько интересных идей размытого меню средствами css3 для flat дизайна.

Скачать

Пример

 

4. Навигация в виде круга

circle css3

Красивая навигация css3 с миниатюрами для слайдера в виде круга.

Скачать

Пример

 

5. Галерея с плавающими миниатюрами

gallery css3

Галерея при помощи  HTML5, CSS3 и jQuery. Изюминка в том что после наведения элемент немного меняет свою позицию.

Скачать

Пример

 

6. Регулятор CSS3

Shiny

Ручка управления, хорошо подойдет для регулятора громкости. Выполнена с помощью css3 и jquery.

Скачать

Пример

 

7. Классическая анимация горячих новостей

wallpaper css3

Интересная идея для новостного сайта. Появление горячих новостей в классическом стиле кино но с новыми технологиями css3.

Скачать

Пример

 

8. Сервис “Фото с веб камеры” на css3

photocam

Прикольный сервис где вы можете сделать свое фото с веб камеры и посмотреть на тех кто их уже оставил. Тут конечно не только css3 используется но и php + jquery

Скачать

Пример

 

9. Выпадающее меню css3

menu css3

Выпадающее меню для сайта с миниатюрами на  jquery и css3.

Скачать

Пример

 

10. Адаптивный шаблон css3

responsive

Адаптивный шаблон при помощи одного лишь css3. Шаблон корректно отображается на любом расширении экрана.

Скачать

Пример

 

11. Анимация загрузки 

loading css3

Красивая анимация загрузки с помощью css3.

Скачать

Пример

 

12. Эффект hover-2 css3

hover2

Еще один css3 эффект при наведении курсора на блок.

Скачать

Пример

 

13. Анимация загрузки 2

loading-2 css3

Полоса загрузки для сайта при помощи css3

Скачать

Пример

 

14. Цикл загрузки css3

loading 2 css 3

Анимация бесконечной загрузки для вашего сайта с помощью css3.

Скачать

Пример

 

15. Оригинальная презентация страницы контактов

contact css3

Интересный и плавный эффект css3 появления информации при наведении на миниатюру.

Скачать

Пример

 

16. Tooltip CSS3

tooltip css3

Подсказки для сайта на css3.

Скачать

Пример

 

17. Часы на css3 и jquery

clock css3

Легкие электронные часы для вашего сайта.

Скачать

Пример

 

18. Галерея «Полароид»

polaroid css3

Галерея в виде разбросанных фотографий полароид, которые вы можете перемещать курсором.

Скачать

Пример

 

19. Рейтинг кольца css3

rating

Рейтинг при помощи css3 в виде колец с разной сменой цветов.

Скачать

Пример

 

20. Сочные вкладки

tabs css3

Простые вкладки на css3

Скачать

Пример

 

21. Круги на фоне

circle css3 background

Интересная идея для фона сайта при помощи чистого css3 и немного jquery.

Скачать

Пример

 

22. Выпадающее, летающее меню CSS3 

fly-menu

Вылетающее меню, а точнее информация о пункте меню на css3 и jquery

Скачать

Пример

 

23. Миниатюрное меню CSS3

mini menu

Меню css3 в стиле минимализма.

Скачать

Пример

 

24. Уведомления для сайта

BounceBox

Уведомления для вашего сайта в виде выпадающего блока, все работает на css3 и jquery.

Скачать

Пример

 

25. Миниатюры с псевдо элементами

pseudo-elements

Интересная идея для миниатюр на сайте с фотографиями.

Скачать

Пример

 

26. Меню аккордеон

accordeon css3

Удобное и красивое меню аккордеон для сайта без помощи jquery.

Скачать

Пример

 

27.  Оригинальный tooltip

tooltip css3 jquery

Подсказки для вашего сайта на новой технологии используя css3.0 и jquery.

Скачать

Пример

 

28. Сложенные ленты на CSS3

swish

Теперь чтобы сделать эффект сложенных лент вам не нужно использовать графически редактор, достаточно написать несколько строчек css.

Скачать

Пример

 

29. Навигация на чистом html и css3

menu css3 cleen

Основное меню на сайте с помощью одного лишь кода.

Скачать

Пример

 

30. Теги на css

tegs css3

Теги в виде билетов для сайта.

Скачать

Пример

 

31. Анимация движения на CSS3 

animation css3

При наведении на блок, объект начинает движение.

Скачать

Пример

 

32. Тизер для сайта

Teaser

Легки тизер с помощью одного лишь кода.

Скачать

Пример

 

33. Поворот изображения CSS3

rotate css3

Поворот изображения на определенный угол при помощи rotate.

Скачать

Пример

 

34. Tooltip с изображением

tooltip hover

Подсказки которые работаю при наведении или при нажатии на мобильных устройствах.

Скачать

Пример

 

35. Круговое меню

circle menu css3

Круговое меню, достаточно интересная и проверенная годами идея, которая актуальная и по сей день.

Скачать

Пример

 

36. Форма обратной связи CSS3

feedback form css3

Форма обратной связи выполнена с проверкой полей и подсказками на языке html5 и css3.

Скачать

Пример

 

37. Навигатор

paginator css3

Интересная и удобная реализация навигации для сайта. Все очень удобно и понятно.

Скачать

Пример

 

38. 3D кнопки css3

3d buttons css3

ЗД кнопка скачать для вашего сайта. Эффект хорошо видно при нажатии на кнопку

Скачать

Пример

 

39. Легкие вкладки

tabs

Легкие и стильные вкладки на css3 и jquery.

Инструкция

Пример

 

40. Анимация загрузки — 3 css3 

Loading-3 css3

Анимация загрузке в форме мерцающего треугольника с анимацией поворота.

Инструкция

Пример

 

41. Аналоговые часы

analog clock css3

Часы с циферблатом которые работают при помощи css3 и jquery.

Скачать

Пример

 

42. Слайдер контента 

content slider css3

Слайдер для сайта с помощью css и jquery. Достаточно легкий и гибкий в настройках.

Скачать

Пример

 

43. Всплывающие блоки подсказок и советов

tip css3

Интересная идея для минимизации и информативности одновременно.

Скачать

Пример

 

44. Стильная буквица

Drop Cap css3

Стильный эффект буквицы при помощи CSS3.

Пример

 

45. Мерцающие кнопки (Очень красиво)

Radioactive Buttons css3

Красивые «радиоактивные» кнопки для сайта.

Пример

 

46. Выпадающее меню

drop down menu css3

Меню для сайта с выпадающим списком на чистом css.

Скачать

Пример

 

47. Форма поиска apple

search apple css3

Поле для поиска в стиле apple на чистом CSS3.

Скачать

Пример

 

48. Преобразование элементов в 3D с помощью CSS3

transform 3d css3

Трансформация элемента по горизонтали, вертикали, поворот по часовой или против часовой стрелки, с помощью css3.

Инструкция

Пример