CSS фичи #9 ➤ Чекбокс-кнопки CSS | CSS custom checkbox input style

Мы продолжаем рубрику CSS-фичи!
Сегодня мы узнаем, как сделать свою radio кнопку или кнопку чекбокс (checkbox input css). Я покажу вам принцип работы label и состояния checked. Вам остается только применить это на практике!

Подпишитесь на канал, если вам нравятся эти видео:

Больше контента в нашей группе Вконтакте
Присоединяйтесь к нашему сообществу Discord

Мой канал в telegram "Лысый из браузера"

Еще у нас скоро стартует курс обучения. Напиши моему ассистенту:
-----------
Я использую хостинг Link Host с 2014 года

Каналы с крутыми фичами на CSS и JavaScript:

Канал с терминами для айтишников:

Канал, где публикуют ссылки на полезные сервисы и сайты:

[eugenepopov]

Очень полезно! Вообще, я для себя открыл CSS заново благодаря твоим CSS-фичам! Больше уроков!)

[quziugr]

Спасибо тебе за потраченое время на ролик, для меня было все логически и понятно объяснено как делается данная процедура стилизации👍

[AlexDanilenko]

Шикарный урок!
У меня весь вечер вчера не получалось стилизовать before. Оказалось дело в плюсе...

[jdsmlgn]

Очень полезно. Очень нужная фича для проектов. Спасибо, Артём!

[bonusdiez]

Incredibale! Где же был этот видос, когда я интенсив от Ивана Петриченко по JS проходил)) там он заставил попотеть со стилизацией чекбокса.. Спасибо! Must Have! Top!

[chrispichris]

Спасибо тебе! Так медленно, основательно и прям до мелочей рассказал!

[one-zero-dev]

Вооот это годнотааа! Спасибо, Артём ) Очень полезный урок! Однозначно лойс )

[ivanubdw]

Очень полезно, здорово было бы ещё увидеть анимацию)

[sonterix]

Почему у тебя постоянно разный фон?))
Спасибо за урок, интересно как это круче анимировать. Вообще очень интересна тема css и js анимаций на реальных примерах!

[andriikuzmichov]

Круто, очень хочу увидеть анимации для этих кнопок

[victoria.serbichenko]

Спасибо!)) Классный урок) Интересно, как можно это можно круче реализовать.

[jkrmhwt]

Ну как ска ??? Ты объясняешь так просто, я в шоке) Продолжаю смотреть, просто невероятно)))

[SVolikov]

+
Кроме знаний, нужно еще уметь преподнести эти знания просто и доходчиво. Спасибо!

[Faltfromoss]

1. Жирнющий лайк за эту серию приёмов CSS с подробным и доходчивым пояснением!
2. Почему последнее на данный момент (10-е) видео в плейлисте недоступно? Оно в списке есть, но пишет "Видео с ограниченным доступом". Или это только у меня?
3. К вопросу о пожеланиях: сделай несколько роликов о том как на чистом css изобретать фигуры. Начиная от простых треугольников и вплоть до шестеренок, к примеру. Как по мне очень интересная и довольно непростая тема.

[asgart_vocal]

Не мало важный момент, для тех кто не знает.
Просто так в name будет передано одно значение.
Что бы php воспринимал все переданные значения checkbox
необходимо писать так:
name="food[]"
Тогда будет передан массив значений, который уже на php разбирается и обрабатывается.
В противном случае в name="food" будет всего лишь одно значение.

[gfbjjvt]

Очень полезно и главное доступным языком. Можно ли какую-нибудь фичу про анимацию!!!

[hereticmaggot]

Артём, очень интересная подача материала, хотелось бы увидеть слайдер, который бы менял картинку и цвет фона (на радиокнопках)