Старые технологии уходят в бытие, и сейчас новые технологии своей разновидностью и стилями созданными с помощью CSS3 продолжают радовать глаз разработчикам. В этом небольшом уроке речь пойдет о создании стильных кнопок для сайта. Мы рассмотрим процесс создания различных видов кнопок, и форм, используя различные градиенты, конечно данные кнопки сало кто согласится использовать с разработчиков, так как поддержка CSS3 еще не введена всеми браузерами, но в остальных смотрится достаточно хорошо..

Рассмотрим код CSS3 для создания кнопок, которые будут выполнять свои функции в ваших различных проектах.

Для начала нам необходимо создать два CSS стиля buttons.css и screen. сss. В первом стиле будет находится оформления самих кнопок, а во втором, оформления фона и элементов вокруг них.

Стиль нашей кнопки выглядит следующим образом:

Следующим этапом будет подключения наших стилей между тегами head /head:

И создаем HTML разметку:

Напомним, что цвет, заливку вы можете изменять на свой вкус, плавность нажатия, и позиционирования. Удачных Вам экспериментов.

 На главную