Анимированные кнопки
- ianlunn.github.io/hover/#effects - Hover.css - Множество плоских кнопок, которые по-разному реагируют на нажатие.
Код берем рядом с название и там ищем свое. - codepen.io/blaketarter/pen/jgivd - Some Button Styles - Простые спокойные плоские кнопки, при наведении цвета становятся чуть ярче или появляется цвет в рамке, где его не было.
- codepen.io/cheeriottis/pen/inluv - Some buttons... a pen by Ottis Kelleghan - Клацающие 3D кнопки с текстом.
- codepen.io/creotip/pen/cfuai - Animated CSS3 buttons - Анимированные объемные кнопки, что-то происходит при наведении и что-то при нажатии. Один код на все кнопки.
- codepen.io/savantos/pen/mhipt - Neat hover animations on buttons - Жмем на кнопку, пропадает фон и появляется стрелочка.
- codepen.io/tpalmer75/pen/iimsj - Hover Wipe Buttons - При наведении фон раздвигается о типу штор.
- codepen.io/wordpressdev/pen/fxyqb - Creative CSS3 Button Styles with cool hover effect - Простые плоские кнопки, при наведении вместо текста вскакивает стрелочка.
- cssdeck.com/labs/google-buttons-2 - Google Buttons - Спокойные кнопки для меню, в стиле. Как используются на сервисах Google.
- cssdeck.com/labs/ldmtsmfk/ - CSS Radio Buttons - Из радио сделано вертикальное меню.
- tympanus.net/tutorials/animatedbutto - Animated Buttons with CSS3 Transitions and Animations - Несколько вариантов кнопок, выбираем, что понравилось и берем, не редактор, потом правим сами.
- tympanus.net/tutorials/css3buttonswi - Button Switches with Checkboxes and CSS3 Fanciness - Кнопки-выключатели с графикой, код берем на Back to the Codrops Article, сразу на все.
- tympanus.net/tutorials/cssbuttonspse - CSS buttons with pseudo-elements - Клацающие 3D кнопки с текстом, код берем на Back to the Codrops Article сразу на все.
Английский язык Используется:
Очень простой и наглядный визуальный генератор кнопок.
Бегунки, выбор шрифта для текста на кнопке. Все на одной странице.
В конце жмем на кнопку и получаем код.
Бегунки, выбор шрифта для текста на кнопке. Все на одной странице.
В конце жмем на кнопку и получаем код.
CSS3 Animated buttons. a pen by Seth Abbott
Круглые яркие кнопки с текстом.При нажатии, кнопка увеличивается не сдвигая ничего рядом, начинает крутится, меняя текст.
CSS3 Button
Очень простой и наглядный визуальный генератор кнопок.Все на одном месте, не надо собирать код по нескольким генераторам.
Код генерируется вместе с картинкой, отдельно CSS и ссылка.
Коллекция анимированных SVG иконок.
Можно зайти, попробовать, что произойдет при нажатии.
Жмем Back to the Codrops Article и скачиваем код сразу на все. Ищем свое.
Можно зайти, попробовать, что произойдет при нажатии.
Жмем Back to the Codrops Article и скачиваем код сразу на все. Ищем свое.
