Онлайн сервис для создания CSS кнопки

12.08.2012

Хочу опять вернуться к теме оформления сайтов, а точнее создания CSS кнопки. Подобные кнопки часто используются в качестве кнопки для подписки на рассылку сайта, голосования или для доступа к различным функциям сайта или форума. Обладая хорошими знаниями в области построения сайтов, а именно в CSS, можно самому собрать красивую кнопку, но а если не знаешь, то тут поможет онлайн сервис CSS Button Generator.

CSS Button Generator – онлайн сервис позволяющий создавать (генерировать) красивые CSS кнопки под цветовую гамму своего сайта. CSS Button Generator создаст красивые кнопки CSS для использования на ваших веб-страницах без необходимости какого-либо изображения. Кстати я упоминал об одних онлайн сервисах генерации CSS кнопок.

Регистрироваться в данном сервисе не надо, просто проходим на сайт CSS Button Generator и перед нами сразу появиться инструментарий для создания CSS кнопки. В левой части сайта CSS Button Generator есть поле, где мы можем наблюдать за изменением кнопки во время генерации CSS. В правой части находятся инструменты для изменения размера кнопки, шрифта, теней, границ и прочее. Напишу более подробно:

Button Text – текст кнопки (название);
CSS Class Name – название класса, используется при вставке кода CSS в исходный код сайта;
Font Size - размер шрифта;
Border Radius – радиус границы кнопки;
Border Size - размер границы кнопки;
Vertical Size – высота кнопки;
Horizontal Size – ширина кнопки.

Как Вы заметили все величины в пикселях (px). Следующие разделы Box Shadow (тень кнопки) и Text Shadow (тень текста) – если убрать галочки, то теней не будет, если же оставить галочку, то тут сами на свой вкус играете с параметрами теней.

Далее нужно подобрать цвет CSS кнопки для своего сайта или форума. Для этого в нижней части кнопки есть возможность подбора цветов. Также есть готовые варианты цветовых гамм кнопки.