Радиокнопки с иконками

В примере используется шрифт Font Awesome и графическая иконка

Пример:

В последнем варианте в качестве иконки используется графический файл.

Скриншот использования этих кнопок в калькуляторе

Еще один вариант оформления радиокнопок в виде карточек

HTML:

CSS:

За основу взято решение, найденное на codepen.io у пользователя LeFourbeFromage

Смотрите также:

Адаптивная reCAPTCHA

Правильное отображение капчи reCAPTCHA на малых экранах и в узких блоках

Добавить комментарий:

Ваш комментарий отправлен!