Кнопки с CSS3 псевдо-элементами
Сделаем необычные кнопки с использованием только одного тега ссылки, и конечно же благодаря CSS3.
Кнопка Скачать на CSS3
Кнопка Загрузки с эффектами CSS3 при наведении. Выглядит очень эффектно и стильно, но ограничение это поддержка браузерами CSS3.
Круглая кнопка для соц. сетей
Круглая кнопка SHARE при наведении на которую появляются кнопки сервисов популярных социальных сетей, таких как, например, twitter, google +1, vkontakte, facebook и любых других по вашему усмотрению. Кнопки выбранных сервисов будут расположены по кругу.
CSS3 кнопки в стиле Google Plus
Повторим реализацию кнопок, которые сейчас используются на сервисе Google Plus с помощью CSS3.
Логотип RSS с помощью CSS3
Сделаем логотип RSS ленты не с помощью photoshop, а с помощью CSS3.
Кнопка с двумя строчками текста
CSS кнопки состоящие из двух строчек текста. Ничего сложного, как всегда.
Раскрывающаяся кнопка загрузки
Кнопка загрузки, или любая другая при нажатии на которую снизу выезжает панелька с информацией, например о типе и размере файла.
Анимированные кнопки
Будем создавать анимированные кнопки с помощью свойств CSS3, которые реагируют на наведение мышки и нажатие. Работать должным образом будут только в поддерживаемых CSS3 браузерах. В некоторых примерах будут использоваться иконки от webiconset.com и символы от Just Be Nice.
Объёмные CSS3 кнопки
В этом уроке сделаем объёмную CSS3 кнопочку с визуальным эффектом нажатия на неё.
Вращающиеся иконки
Эффект вращения социальных иконок с помощью CSS свойства transform. В Opera не работает, но порадует пользователей других браузеров.
Форма входа на CSS3
Теперь займемся созданием красивой CSS3 формы ввода логина и пароля, без использования каких-либо изображений.
Градиентные CSS3 кнопки
В уроке речь пойдет о создании градиентных CSS3 кнопок, которые могут быть применены к любому html элементу, например: div, span, a, input, p, button и т.д.