Домой / Архивы с метками: css (страница 3)

Архивы с метками: css

Lightspeed hover эффект

Lightspeed hover эффект

Оригинальный пример hover-эффекта, который отлично подойдет для использования в меню. Цветовое решение и скорость эффекта можно легко изменить. Hover-эффект реализован с помощью CSS. Если есть вопросы, задавайте в комментариях. HTML CSS Читать далее »

Вращающееся кнопки с помощью CSS

Вращающееся кнопки с помощью CSS

Очень оригинальный и интересный пример создание кнопок с эффектом вращения границ при наведении (hover-effect). Изменяя CSS свойство animation можно любому из примеров уменьшать или увеличивать скорость вращения.   HTML CSS Читать далее »

Выпадающий текст с помощью CSS и JQuery

Выпадающий текст CSS & jQuery

Эффект выпадания букв создан с помощью CSS и JQuery. Этим оригинальным способом можно разнообразить любой текст на вашем сайте. Я думаю, что можно создать этот же эффект на чистом CSS, но этот метод более интересен. HTML CSS JS Читать далее »

Визитная карточка с Hover-эффектом на чистом CSS

Визитная карточка с Hover-эффектом на чистом CSS

Отличный пример реализации двухсторонней визитной карточки. Первая сторона видна изначально, а вторая с контактной информацией видна после наведения на визитку (hover-эффект). Данный пример визитки для веб-разработчика реализован с помощью CSS.   HTML CSS Читать далее »

Hover-эффекты для кнопок на CSS

Hover эффекты для кнопок на CSS

В этом примере предлагаю ознакомиться с отличными hover-эффектами для кнопок. Если вы хотите придать немного динамики на сайт, то это можно сделать с помощью несложных hover-эффектов на CSS. Представленные ниже способы можно применять для кнопок любого характера. Огромный плюс этих hover-эффектов для кнопок в том, что они реализованы на чистом CSS и полностью кроссбраузерные. HTML CSS Читать далее »

Эмоциональные кнопки с помощью CSS и Snap.svg

Эмоциональные кнопки на чистом CSS

Крутые кнопки с эмоциями которые отлично подойдут для голосования, рейтинга или оценки. Реализованы кнопки с помощью CSS и библиотеки Snap.svg.  Данная библиотека в состоянии загружать, анимировать, и даже создавать SVG графику прямо в браузере. Смена эмоций происходит после нажатия на кнопку. HTML CSS JS Читать далее »

Переключатель в стиле iOS на CSS

Переключатель в стиле iOS на CSS

В данном примере вы найдете исходный код и демо работы кнопок-переключателей в стиле iOS реализованных на чистом CSS. Думаю все знают, что iOS (до 24 июня 2010 года — iPhone OS) — мобильная операционная система, разрабатываемая и выпускаемая американской компанией Apple. HTML CSS Читать далее »

Набор бумажных 3D кнопок CSS

Набор бумажных 3D кнопок CSS

Набор из 8 супер эффектов тени для кнопок. Бумажные кнопки с 3D эффектом реализованы на чистом CSS, а эффекты появляются при наведении на кнопку (hover effect). Используя этот набор у вас есть отличная возможность эстетически усовершенствовать любой ваш проект. HTML CSS Читать далее »