1 536 Полезно

CSS3 тень для текста

А вот ещё очень интересный ресурс, настроек конечно немного, но и тех, что есть предостаточно. Легко и просто создаем CSS3 тень для любого текста. Шрифт можно выбрать из выпадающего списка, который впрочем можно изменить на свой в полученном коде.

CSS3 тень для текста
3 322 Полезно

CSS3 узор для фона

Ресурс на котором можно присмотреть для своего сайта бесшовный фон на CSS3, а не привычную всем картинку. Есть очень симпатичные бэкграунды.

CSS3 узор для фона
3 004 Скрипты / Slider

Вертикальный раздвижной аккордеон

В этой уроке речь пойдет о вертикальном аккордеоне с возможностью слайдера реализованного конечно же на jQuery. Кусочек аккордеона раздвигается при клике и показывает дополнительную информацию, например текст, а другие кусочки станут прозрачнее и сожмутся. Переход к следующему слайду производится с помощью стрелочек или же колесиком мышки (плагин jQuery Mousewheel от Brandon Aaron).

Вертикальный раздвижной аккордеон
6 275 Скрипты / Buttons

Градиентные CSS3 кнопки

В уроке речь пойдет о создании градиентных CSS3 кнопок, которые могут быть применены к любому html элементу, например: div, span, a, input, p, button и т.д.

Градиентные CSS3 кнопки
3 111 Скрипты / Slider

Полноэкранное слайдшоу со звуком

Слайдшоу из изображений во весь экран с элементами HTML5 аудио, чтобы придать динамичности и вдохнуть жизнь в фотографии, в данном случае в галерею Нью-Йорка. Для создания слайдшоу и полноэкранного режима используется плагин jquery.vegas.js, аудио будет управлять buzz.js, миниаютюры будут прокручиваться благодаря jquery.jscrollpane.js и плюс несколько эффектов от jquery.easing.js.  

Полноэкранное слайдшоу со звуком
3 246 Скрипты / Slider

Вращающийся слайдер изображений

Ассиметричный слайдер изображений в котором при смене картинок происходит их небольшой поворот. Добавлена опция автозапуска и прокрутка с помощью колесика мыши. В слайдере будем использовать плагин jQuery 2D Transformation Plugin для поворота изображений и плагин jQuery Mousewheel Plugin для использования колесика мыши.

Вращающийся слайдер изображений
1 857 Скрипты / Menu & Nav

CSS3 меню с jQuery эффектом

CSS3 меню с эффектом плавного появления, как если бы мы использовали jQuery. Меню реализовано только на CSS, а эффект плавного смещения пунктов навигации работает только в webkit браузерах (например, Google Chrome).

CSS3 меню с jQuery эффектом
2 672 Скрипты / Buttons

Падающая тень

Эффект падающей тени можно реализовать используя только CSS3 без картинок с помощью псевдо-элементов. Проверку прошли следующие браузеры: Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+, IE 9+.

Падающая тень
2 066 Скрипты / Menu & Nav

Icon Dock на CSS3

Icon Dock панель из иконок на чистом CSS. При наведении мышки на иконку происходит её увеличение.  

Icon Dock на CSS3
5 026 Скрипты / Buttons

Увеличение иконки при наведении

Эффект почти такой же, как и у Apple Dock - иконка увеличивается в размерах при наведении. Реализуется только на CSS? поэтому плавности не будет, как если бы мы использовали jQuery.

Увеличение иконки при наведении
2 564 Полезно

Поддержка CSS3 в IE 6, 7 и 8

Всем известно, что IE 6, 7 не поддерживают новые свойства CSS3 и даже IE 8 ещё не полностью готов к поддержке CSS3. Так вот есть скрипт, фикс, который позволит реализовать поддержку CSS3 в IE (и даже в IE 6) новых свойств CSS3, в том числе таких, как: border-radius (закругление), box-shadow (тень), text-shadow (тень для текста).

Поддержка CSS3 в IE 6, 7 и 8