Обзор интернета Легкая версия Веб-мастеру Графика Игры, Спорт Программы Рецепты Время Рождество Библия
Свой сайт Хостинг Облака Домены Ресурсы Формы на сайт Раскрутка
API ASCII CMS CSS CSS3 DDoS GIF HTML HTML5 IP IT robots.txt RSS SEO UI Whois Веб-мастеру Веб-редакторы Построитель сайтов Проверка сайта Продвижение



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

  1. codepen.io/blaketarter/pen/JGivD - Some Button Styles - Простые спокойные плоские кнопки, при наведении цвета становятся чуть ярче или появляется цвет в рамке, где его не было.
  2. codepen.io/creotip/pen/cfuAi - Animated CSS3 buttons - Анимированные объемные кнопки, что-то происходит при наведении и что-то при нажатии. Один код на все кнопки.
  3. codepen.io/tpalmer75/pen/iImsJ - Hover Wipe Buttons - При наведении фон раздвигается о типу штор.
  4. cssdeck.com/labs/google-buttons-2 - Google Buttons - Спокойные кнопки для меню, в стиле. Как используются на сервисах Google.
  5. cssdeck.com/labs/ldmtsmfk - CSS Radio Buttons - Из радио сделано вертикальное меню.
  6. codepen.io/Savantos/pen/mHIpt - Neat hover animations on buttons - Жмем на кнопку, пропадает фон и появляется стрелочка.
  7. codepen.io/cheeriottis/pen/inluv - Some buttons... a pen by Ottis Kelleghan - Клацающие 3D кнопки с текстом.
  8. tympanus.net/Tutorials/CSS3ButtonSwitche... - Button Switches with Checkboxes and CSS3 Fanciness - Кнопки-выключатели с графикой, код берем на Back to the Codrops Article, сразу на все.
  9. tympanus.net/Tutorials/CSSButtonsPseudoE... - CSS buttons with pseudo-elements - Клацающие 3D кнопки с текстом, код берем на Back to the Codrops Article сразу на все.
  10. tympanus.net/Tutorials/AnimatedButtons - Animated Buttons with CSS3 Transitions and Animations - Несколько вариантов кнопок, выбираем, что понравилось и берем, не редактор, потом правим сами, вряд ли текст всего ам подойдет.

    Берем код на Back to the Codrops Article и там ищем свое .

  11. codepen.io/WordPressDev/pen/fxyqB - Creative CSS3 Button Styles with cool hover effect - Простые плоские кнопки, при наведении вместо текста вскакивает стрелочка.
  12. ianlunn.github.io/Hover/#effects - Hover.css - Множество плоских кнопок, которые по-разному реагируют на нажатие.
    Код берем рядом с название и там ищем свое.
Английский язык

UI livetools

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

CSS3 Animated buttons. a pen by Seth Abbott

http://codepen.io/sethabbott/pen/FtuLz

Английский язык

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

Английский язык

CSS3 Button

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

Онлайн-Генератор Кнопок CSS3

http://dbmast.ru/files/buttonmaker

Английский язык

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

Английский язык

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


Print Friendly and PDF




Интернет ресурсы 300 потрясающих бесплатных сервисов Измеряем скорость интернета Яндекс.Вебмастер Google вебмастеру Статистика посещаемости сайта Мониторинг сайта Защита от DDoS атак Используем Google webfonts
Генераторы
Генератор текстов Генератор CSS спрайтов Генератор иконок CSS3 генераторы CSS3 валидатор Анимированный загрузчик Обложки браузеров
Редакторы
Декодер текста Транслитеры Веб-редакторы онлайн Платформа онлайн веб-программирования
Еще
Скриншоты онлайн Совместный просмотр сайтов Изобразить работу Сломать софт или файл Учимся кодировать HTML Instacode





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

Почта

Графика

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

Популярное

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

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

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

©2005-2018, Веб-студия Ph4 - Каталог интернета пользователю, веб-мастеру и дизайнеру v. 4.3