adsPlace_1

Войти или Зарегистрироваться

Hosting Ukraine

40 CSS3 jQuery красивостей для ваших новых проектов

Много функциональных красивых решений для вдохновения или использования при разработке веб-проектов. В заметке: различные меню, слайдеры, вкладки, всплывающие подсказки, полноценное решение для оформления портфолио и многое другое.

1. CSS текстовый эффект

40 CSS3 jQuery красивостей для ваших новых проектов

Плагин для реализации сменяющихся слов с различными анимированными эффектами. CSS эффект подойдет для реализации промо-сайтов и анимированных баннеров.

Демо

Скачать

2. CSS3 вертикальные и горизонтальные вкладки (табы)

40 CSS3 jQuery красивостей для ваших новых проектов

Реализация разбиения содержимого страницы на вкладки (табы) с использованием анимированных CSS3 эффектов. Четыре варианта исполнения: горизонтальные и вертикальные табы с различными анимированными эффектами.

3. Адаптивный jQuery слайдер на основе плагина IMPRESS.JS

40 CSS3 jQuery красивостей для ваших новых проектов

Классный слайдер с имитацией 3D эффекта при пролистывании слайдов. При увеличении/уменьшении размера экрана — изменяется размер шрифта, изображений и всех элементов на слайде, что гарантирует корректное отображение при любом расширении экрана. Предусмотрена автоматическая прокрутка.

Демо

Скачать

4. jQuery CSS плагин «Responsive Horizontal Layout»

40 CSS3 jQuery красивостей для ваших новых проектов

jQuery решение для создания удобной навигации по разделам документа без перезагрузки страницы. Каждый раздел отображается в отдельном блоке с вертикальной прокруткой, а переход между ними можно осуществить как с помощью клика мыши, так и воспользовавшись заглавием (при большом расширении экранов содержание заглавие отображается с левой стороны, при просмотре сайта на малом экране — сверху документа).

Демо

Скачать

5. HTML5 CSS3 стильная форма авторизации и регистрации

40 CSS3 jQuery красивостей для ваших новых проектов

Переключатель между формами авторизации и регистрации с проверкой заполнения полей. Для того, чтобы переключиться на форму регистрации на демонстрационной странице нажмите на ссылку «Join us» снизу формы

Демо

Скачать

6. Плагин «Content Navigator» с применением CSS3

40 CSS3 jQuery красивостей для ваших новых проектов

Реализация навигации по содержимому в виде Список категорий → Список разделов → Содержимое раздела. Навигация сопровождается различными JS эффектами.

Демо

Скачать

7. CSS3 слайд-шоу с Parallax эффектом

40 CSS3 jQuery красивостей для ваших новых проектов

Пролистывание слайдов осуществляется с Parallax эффектом (движение слоев с различной скоростью, в совокупности создают 3D эффект). Размер слайдера изменяется пропорционально изменению размера окна браузера.

Демо

Скачать

8. Аудио слайд-шоу с использованием jQuery плагина jPlayer

40 CSS3 jQuery красивостей для ваших новых проектов

Слайд-шоу с музыкальным сопровождением. Есть возможность ставить на паузу или проматывать музыкальную композицию.

Демо

Скачать

9. Parallax эффект при прокручивании страницы с помощью jQuery и CSS

40 CSS3 jQuery красивостей для ваших новых проектов

jQuery решение для реализации 3D эффекта при прокрутке страницы.

Демо

Скачать

10. jQuery плагин для загрузки файлов на сервер «File Upload»

40 CSS3 jQuery красивостей для ваших новых проектов

Функциональное свежее решение для загрузки файлов на сервер. Возможна загрузка нескольких файлов одновременно.

11. Своеобразное меню на jQuery и CSS

40 CSS3 jQuery красивостей для ваших новых проектов

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

12. Горизонтальное анимированное jQuery меню

40 CSS3 jQuery красивостей для ваших новых проектов

Выпадающее горизонтальное меню с интересным jQuery эффектом появления вложенных пунктов.

13. «TimeLine» плагин для хронологического отображения выполненных работ в портфолио

40 CSS3 jQuery красивостей для ваших новых проектов

Обалденный jQuery CSS плагин, будет очень полезным дополнением для сайта любой веб-студии или фрилансера. С его помощью можно наглядно отобразить примеры выполненных работ с разбивкой по времени. Внизу отображается сама временная шкала, а сверху выполненные работы. Для перехода между работами можно использовать как шкалу, так и стрелки влево/вправо.

14. Галерея «TouchTouch», оптимизированная для просмотра с мобильных устройств

40 CSS3 jQuery красивостей для ваших новых проектов

15. CSS3 слайдер изображений «Cycle Slider»

40 CSS3 jQuery красивостей для ваших новых проектов

16. CSS галерея изображений в стиле аккордеон

40 CSS3 jQuery красивостей для ваших новых проектов

При клике на название выезжает изображение с описанием. Используется только CSS3.

Демо

17. Классные яркие всплывающие подсказки jQuery и CSS3

40 CSS3 jQuery красивостей для ваших новых проектов

Всплывающие jQuery подсказки в 7 стилевых оформлениях. Легко подключить и использовать в своих проектах.

18. «jPages» галерея изображений с миниатюрами

40 CSS3 jQuery красивостей для ваших новых проектов

Если изображений в галерее больше 5, то появляются стрелки влево/вправо для навигации по фотографиям.

19. «Dark Menu» выпадающее CSS меню

40 CSS3 jQuery красивостей для ваших новых проектов

20. Стильное выпадающее CSS3 меню

40 CSS3 jQuery красивостей для ваших новых проектов

Демо

Скачать

21. «PlusSlider» слайдер

40 CSS3 jQuery красивостей для ваших новых проектов

Слайдами могут быть не только изображения, но и другой HTML контент.

Демо

Скачать

22. jQuery плагин «Real Shadow»

40 CSS3 jQuery красивостей для ваших новых проектов

Плагин для создания фотореалистичных теней.

23. HTML5 CSS3 аудио плеер для сайта

40 CSS3 jQuery красивостей для ваших новых проектов

Демо

Скачать

24. jQuery карусель «Rcarousel»

40 CSS3 jQuery красивостей для ваших новых проектов

25. jQuery слайдер/слайд-шоу «Rhinoslider»

40 CSS3 jQuery красивостей для ваших новых проектов

Свежая реализация слайдера.

Демо

Скачать

26. Перенос текста «Bacon»

40 CSS3 jQuery красивостей для ваших новых проектов

Необычный эффект переноса текста на странице на новую строчку по кривой или заданной линии с определенным шагом смещения.

Демо

Скачать

27. Текстовый эффект «slabText»

40 CSS3 jQuery красивостей для ваших новых проектов

Плагин автоматически рассчитывает размер шрифта для каждого слова таким образом, чтобы весь текст занимал одинаковую область по ширине, вне зависимости от количества слов в строке.

Демо

Скачать

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

40 CSS3 jQuery красивостей для ваших новых проектов

Четыре вида отображения блоков: изображение с описанием в три колонки, изображение с описанием в одну колонку, только изображения, только текстовое описание. Для переключения вида отображения блоков необходимо воспользоваться пиктограммами сверху.

29. CSS3 всплывающие подписи при наведении курсора на блок

40 CSS3 jQuery красивостей для ваших новых проектов

При наведении курсора на изображение с имитацией 3D эффекта всплывает текстовое описание.

30. Стильные всплывающие модальные окна

40 CSS3 jQuery красивостей для ваших новых проектов

Модальные окна с использованием CSS3.

31. Карусель с использованием jQuery

40 CSS3 jQuery красивостей для ваших новых проектов

32. Интересное меню для навигации по одностраничным сайтам

40 CSS3 jQuery красивостей для ваших новых проектов

Меню выполнено в трех различных стилевых оформлениях.

33. Оригинальное субменю с использованием jQuery

40 CSS3 jQuery красивостей для ваших новых проектов

34. Галерея изображений «Thumba»

40 CSS3 jQuery красивостей для ваших новых проектов

Демо

Скачать

35. Всплывающие подсказки jQuery CSS3

40 CSS3 jQuery красивостей для ваших новых проектов

36. Меню-слайдер на jQuery

40 CSS3 jQuery красивостей для ваших новых проектов

Гибрид меню и слайдера: при наведении курсора на пункт сменяются слайды с описанием пункта, при клике — переход на выбранную страницу из меню.

37. Цветное jQuery меню

40 CSS3 jQuery красивостей для ваших новых проектов

Демо

Скачать

38. Анимированные кнопки социальных сетей

40 CSS3 jQuery красивостей для ваших новых проектов

Анимированные кнопки социальных сетей со всплывающими подсказками при наведении.

Демо

Скачать

39. Вкладки на jQuery

40 CSS3 jQuery красивостей для ваших новых проектов

40. Многоуровневое выпадающее CSS3 меню в стиле MS Office

40 CSS3 jQuery красивостей для ваших новых проектов

Последние из рубрики

Комментарии(3)

  • Комментариев еще нет. Будь первым!

    Оставь свой отзыв

    Для вставки кода используйте кнопки php, html, javascript, css, sql

    * - поля обязательны к заполнению