В этом примере я расскажу, как сделать красивые кнопки для использования их на ваших веб-страницах использованием лучших практик. Эти кнопки будут:
- Использовать всего лишь одну картинку для всех состояний
- Поддерживать 3 состояния: состояние покоя, при наведении мыши, при нажатии.
- Иметь малое количество CSS-кода
- Легко встраиваться в любые места ваших веб-страниц
- Текст на кнопке это именно текст, а не картинка.
- Кнопки могут иметь произвольную ширину.
В итоге, мы получим такие кнопки:
