Конструктор кнопок CSS3
[/] Общие настройки При наведении При нажатии Текст кнопки ▲ Текст : Добавить специальный символ : none ➜ ➤ ➣ ☞ ↻ ➹ ☼ ♞ ♛ ♜ ☂ ☻ ✍ ✄ ✐ ✌ ✚ ☯ ⚒ ⚖ ☓ ✠ ⦿ ✺ ✓ ✔ ✖ ✘ ❤ ❂ ▶ ◀ ▼ ► ✩ ✈ ✦ ⚛ ✝ ⚑ ⚐ ☸ Шрифт ▲ Семейство : Arial, Helvetica, sans-serif Verdana, Geneva, sans-serif Georgia, "Times New Roman", Times, serif "Courier New", Courier, monospace Tahoma, Geneva, sans-serif "Trebuchet MS", Arial, Helvetica, sans-serif "Arial Black", Gadget, sans-serif "Times New Roman", Times, serif "Palatino Linotype", "Book Antiqua", Palatino, serif "Lucida Sans Unicode", "Lucida Grande", sans-serif "MS Serif", "New York", serif "Lucida Console", Monaco, monospace Цвет : Размер : Тень текста ▲ Изначально тень от текста не видно, и Вам нужно поменять смещение по X/Y или показатель размытия для того, чтобы заметить эффект цвет : смещение X : смещение Y : Размытие : Отступы ▲ Слева/Справа : Сверху/Снизу : Рамка ▲ Размер : Тип : solid dashed dotted double groove inset outset ridge none Цвет рамки : Закруглённые углы CSS3 : Фон кнопки ▲ Если указать 2 разных цвета - Вы автоматически получите градиент Цвет : → Тень внутри кнопки ▲ Цвет : смещение X : смещение Y : Размытие : Тень снаружи кнопки ▲ Color : x : y : Blur : Прозрачность кнопки ▲ Уровень : Анимация ▲ Это - CSS Transitions, которые позволяют назначать изменения свойств CSS плавно и в течение некоторого времени. Какие свойства анимировать: none all background with height color outline Используемая функция : linear ease ease-in ease-out ease-in-out Длительность : О программе: Конструктор кнопок CSS3 Русский простой и удобный конструктор кнопок CSS3 с эффектами анимации (Transitions) и поддержкой градиента. Вы можете создать кнопку для сайта на CSS с любой модификацией. Сервис поможет настроить следующие свойства CSS3: тень текста рамку кнопки, в том числе закруглённые углы тень от кнопки и внутри неё градиентную заливку фона управление прозрачностью и др. Можно настроить все три положения кнопки (бездействие, при наведении и при нажатии). Чистый CSS3. Превью Html : CSS : Получить код кнопки