Домой / Архивы с метками: кнопки

Архивы с метками: кнопки

Оригинальные hover-эффекты для кнопок на CSS3

Оригинальные hover-эффекты для кнопок на CSS3

Здравствуйте друзья! Сегодня я хочу обратить ваше внимание на набор оригинальных hover-эффектов для кнопок, созданных с помощью CSS3. Данные эффекты можно применить не только для обычных кнопок, ограничения существуют практически только в фантазии :). При проверке кроссбраузерности эффектов я нашел проблемы только с двумя эффектами в FireFox (в демо примере они на букве G и H). В остальных браузерах (IE11, Opera, Chrome, ... Читать далее »

Кнопки-переключатели на CSS

Кнопки-переключатели на CSS

Здравствуйте друзья! Предлагаю вашему вниманию интересный способ создания кнопок-переключателей без использования скриптов. Все кнопки-переключатели в данном примере созданы только с помощью CSS. Посмотреть и скачать демо пример вы можете перейдя по ссылкам ниже. HTML CSS Читать далее »

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

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

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

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

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

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

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

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

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

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

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

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