[Перевод] Стилизация старого доброго элемента button

Скрипты и советы | 26 февраля 2020 1 190

Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании RUVDS.com, Разработка веб-сайтов, CSS, JavaScript, HTML, разработка,

Кнопка — это один из тех элементов, которые чаще всего используются на веб-страницах. Тег может быть применён для запуска некоего процесса вроде вывода данных, открытия модального окна, отправки формы и так далее. В материале, перевод которого мы публикуем, речь пойдёт о тонкостях стилизации элемента button и о том, как оформлять кнопки с учётом того, чтобы они хорошо работали бы в любых браузерах. Кроме того, тут будет рассмотрено большинство часто используемых стилей кнопок. Поговорим мы здесь и о некоторых сложностях, которые возникают при работе с кнопками.


Читать дальше →
[Перевод] Использование CSS-grid при проектировании пользовательских интерфейсов

CSS-grid — это отличный инструмент для создания макетов страниц контентно-ориентированных сайтов, включающих в себя...

Подробнее
[Перевод] CSS и множественный фон

CSS-свойство background — это одно из самых часто используемых свойств. Но сообщество веб-разработчиков пока не слишком...

Подробнее
[Перевод] Соглашения по именованию CSS-сущностей и экономия времени

Я слышал, как многие разработчики говорят, что ненавидят CSS. Опыт подсказывает мне, что причина здесь в том, что они...

Подробнее
[Перевод] CSS: приключения в стране полупрозрачности

Недавно меня попросили подправить один лендинг. Среди того, что я нашла в его коде, было изображение, поверх которого...

Подробнее
[Перевод] Цвета в CSS

Цвета играют жизненно важную роль в формировании внешнего вида веб-страниц. С помощью CSS мы можем управлять основным...

Подробнее
Веб-дизайн / CSS для начинающих. CSS кнопки это просто

Решил я начать новую серию статей — «CSS для начинающих», надеюсь, будет полезно многим. Первый урок будет посвящен...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями