Создание стилизованных радио-кнопок
Уровень: Средний
Задача по HTML и CSS: создайте стилизованные радио-кнопки используя HTML и CSS
Сделайте radio-кнопки как на изображении ниже:
Можно использовать только HTML и CSS.
Результат
See the Pen Стилизация radio-кнопок by Dmitry Valak (@dmitryvalak) on CodePen.
Если хотите поделиться своим решением, используйте сайты типа codepen.io и оставляйте ссылку в комментарии
Обсуждение (1)
Войдите или зарегистрируйтесь для того чтобы оставлять комментарии
Мой код - https://codepen.io/zflfijlv-the-builder/pen/VwqVvRL
По сути то же самое, но на сайте для создания эффекта внутреннего кружечка after элемент просто делается меньше и появляется поверх before элемента. У меня after заменяет before, а фон делается с отступом (при помощи background-clip).