Обзор интернета - Lite Веб-мастеру Графика Игры, Спорт Программы Рецепты Время Рождество Библия
Соцаккаунты Контакты Теги Собственники Используются География Приложения


Анимированные кнопки



CSS3 Button - css3button.net
Очень простой и наглядный визуальный генератор кнопок.
Подробнее

Очень простой и наглядный визуальный генератор кнопок.
Все на одном месте, не надо собирать код по нескольким генераторам.
Код генерируется вместе с картинкой, отдельно CSS и ссылка.

Google Buttons - cssdeck.com/labs/google-buttons-2
Спокойные кнопки для меню, в стиле. Как используются на сервисах Google.
CSS Radio Buttons - cssdeck.com/labs/ldmtsmfk
Из радио сделано вертикальное меню.
Онлайн-Генератор Кнопок CSS3 - dbmast.ru/files/buttonmaker
Очень простой и наглядный визуальный генератор кнопок.
Подробнее

Очень простой и наглядный визуальный генератор кнопок.
Бегунки, выбор шрифта для текста на кнопке. Все на одной странице.
В конце жмем на кнопку и получаем код.

Some Button Styles - codepen.io/blaketarter/pen/JGivD
Простые спокойные плоские кнопки, при наведении цвета становятся чуть ярче или появляется цвет в рамке, где его не было.
Some buttons... a pen by Ottis Kelleghan - codepen.io/cheeriottis/pen/inluv
Клацающие 3D кнопки с текстом.
Animated CSS3 buttons - codepen.io/creotip/pen/cfuAi
Анимированные объемные кнопки, что-то происходит при наведении и что-то при нажатии. Один код на все кнопки.
Neat hover animations on buttons - codepen.io/Savantos/pen/mHIpt
Жмем на кнопку, пропадает фон и появляется стрелочка.
CSS3 Animated buttons. a pen by Seth Abbott - codepen.io/sethabbott/pen/FtuLz
Круглый яркие кнопки с текстом.
Подробнее

Круглые яркие кнопки с текстом.
При нажатии, кнопка увеличивается не сдвигая ничего рядом, начинает крутится, меняя текст.

Hover Wipe Buttons - codepen.io/tpalmer75/pen/iImsJ
При наведении фон раздвигается о типу штор.
Pure CSS Loaders kit - codepen.io/viduthalai1947/pen/JkhDK
Представлен ряд оригинальных погрузчиков, рядом берем код сразу на все и ищем свое, как скульптор — удаляя лишнее. :).
Creative CSS3 Button Styles with cool hover effect - codepen.io/WordPressDev/pen/fxyqB
Простые плоские кнопки, при наведении вместо текста вскакивает стрелочка.
Hover.css - ianlunn.github.io/Hover/#effects
Множество плоских кнопок, которые по-разному реагируют на нажатие.
Код берем рядом с название и там ищем свое.
Animated SVG Icons - tympanus.net/Development/AnimatedSVGIcon
Коллекция анимированных SVG иконок.
Подробнее

Коллекция анимированных SVG иконок.
Можно зайти, попробовать, что произойдет при нажатии.
Жмем Back to the Codrops Article и скачиваем код сразу на все. Ищем свое.

Animated Buttons with CSS3 Transitions and Animations - tympanus.net/Tutorials/AnimatedButtons
Несколько вариантов кнопок, выбираем, что понравилось и берем, не редактор, потом правим сами.
Button Switches with Checkboxes and CSS3 Fanciness - tympanus.net/Tutorials/CSS3ButtonSwitche
Кнопки-выключатели с графикой, код берем на Back to the Codrops Article, сразу на все.
CSS buttons with pseudo-elements - tympanus.net/Tutorials/CSSButtonsPseudoE
Клацающие 3D кнопки с текстом, код берем на Back to the Codrops Article сразу на все.

Print Friendly and PDF





ВСЕ ТЕГИ
Связанные темы:
Анимированный GIF GIF Анимация PSD Графика Аватар Иконки Пиктограммы Логотипы





Подать статью
Рассылка
О нас

Почта

Графика

Шрифты
Логотипы
Брендбуки
Пиктограммы
Геральдика

Популярное

Уровень сайта
Регистрация сайта
Как сделать сайт
1 место на Google
Переводчики Онлайн
Пароль

Топ интернета

Ph4 в социальный сетях, рассылки и контакт

©2005-2020, Веб-студия Ph4 - Каталог интернета пользователю, веб-мастеру и дизайнеру v. 5.3
Deus, honor et gloria