Красивые флажки (checkbox) на HTML и CSS

preview_player
Показать описание
В этом видео я расскажу Вам как создать красивые флажки (checkbox) для вашего сайта на чистом HTML и CSS.

#codeburger
  1. codeBurger
  2. codeBurger
  3. чекбокс
  4. чекбоксы
  5. флажки
  6. checkbox
Рекомендации по теме
Красивые флажки (checkbox) 0:09:57

Красивые флажки (checkbox) на HTML и CSS

Анимированный HTML флажок 0:06:48

Анимированный HTML флажок ТОЛЬКО на CSS | Красивый чекбокс на CSS | HTML Checkbox only CSS...

Стилизация HTML флажка 0:07:43

Стилизация HTML флажка checkbox на CSS | Современный чекбокс только на CSS | Анимированный checkbox...

КРАСИВЫЙ ПЕРЕКЛЮЧАТЕЛЬ НА 0:03:46

КРАСИВЫЙ ПЕРЕКЛЮЧАТЕЛЬ НА HTML+CSS | CHECKBOX

Стилизуем кастомный чекбокс 0:10:46

Стилизуем кастомный чекбокс на сайте. HTML и CSS. Урок от ВебКадеми...

Красивый АНИМИРОВАННЫЙ CheckBox 0:08:58

Красивый АНИМИРОВАННЫЙ CheckBox ТОЛЬКО на CSS |Как сделать дизайн для флажка|checkbox css стилизация...

🌅🌇 Create a 0:00:06

🌅🌇 Create a Custom Day/Night Checkbox with HTML and CSS! 🌞🌜

Как сделать красивые 0:09:47

Как сделать красивые флажки на Materialize CSS, Подробный видео курс по Materialize CSS #23...

Pure CSS Animated 0:04:04

Pure CSS Animated Checkbox using HTML CSS - No JavaScript

Как сделать флажки 0:00:29

Как сделать флажки переключатели в html

Улучшаем HTML форму 0:07:56

Улучшаем HTML форму №2. Стилизация чекбоксов. CSS checkbox

Стилизованный чекбокс на 0:07:03

Стилизованный чекбокс на чистом CSS | Урок 2

Стилизация checkbox, radio, 0:23:33

Стилизация checkbox, radio, select на CSS

Флажки в HTML 0:16:00

Флажки в HTML

impossible checkbox in 0:00:15

impossible checkbox in HTML & CSS @kodeology #shorts

Нестандартные чекбоксы и 0:14:18

Нестандартные чекбоксы и радиокнопки на CSS3

Стилизация кастомных чекбоксов 0:04:04

Стилизация кастомных чекбоксов на CSS | Custom checkboxes

How To Create 0:08:52

How To Create Custom Checkbox Using Html & Css

Чекбокс в виде 0:19:08

Чекбокс в виде переключателя (Switch toggle) HTML + CSS

Стилизуем Checkbox с 0:04:53

Стилизуем Checkbox с помощью CSS

Стилизация Checkbox и 0:15:08

Стилизация Checkbox и Radio Button. Как изменить checkbox css. Стилизация radio css...

Create Custom CheckBox 0:02:27

Create Custom CheckBox with HTML and CSS | HTML CSS Tutorial

Стилизация чекбоксов и 0:17:04

Стилизация чекбоксов и радиокнопок на CSS HTML | Checkbox, radio buttons...

✅ Кастомные чекбоксы 0:29:31

✅ Кастомные чекбоксы правильно

Комментарии
Автор

Селектор ~ не просто на том же уровне, а все элементы с классом .checkbox__div следующие после input, именно после . Ещё есть такие понятие, как "правые соседи". А ты так сказал, как будто он всех соседей выберет на одном уровне. ps и поддержка у переменных в css очень слабая (я про поддержку в браузерах), я бы не рекомендовал пользоваться такими вещами, а это вроде, как урок для новичков. Для этих целей лучше использовать препроцессоры.

orionpro
Автор

красиво) лукас с ходу от легендарного разработчика и сеошника в рунете - СЕООНЛИ

seoonlyRU
Автор

Огонь! Сохраню в избранное, пригодится! 👌

alexasanchobetherestors
Автор

Так чекбоксы можно стилизовать через псевдоэлементы)

wktqxke
Автор

Спасибо за ххороший контент. Лайк и подписка.

faizalimuhammadzoda
Автор

Спасибо, познавательно! Но музыка мешает, прям по мозгам) может, потише?

SilentPhilly
Автор

Про input внутри label не знал) Я еще использовал ID. Спасибо!

matthewbrown
Автор

А переменные можно задавать на чистом css? Или тут ещё что-то прикручено?

gtrljcy
Автор

инпут нельзя прятать через дисплей нан, это сделает его недоступным для ридеров и роботов, его прячут через позишн абсолют и минус 9999 вправо. И див не нужен, можно стилизовать сам лейбл.

alenache
Автор

Зачем использовать вложенный див, если все тоже самое можно сделать с самим label? И все-таки вернее (а для новичков вообще обязательно) использовать чекбоксы с лейблом связанные по ID. Конечно понятно, в реальном проекте раздача ID ляжет на плечи фронтенда/бекенда, но понимание как все работает должно быть. С переменными прикольно, по сути именно они заинтересовали, еще не видел в реальном примере использование переменных, через год-два наверное уже можно будет их использовать на всю катушку, а пока согласен с тем что рановато их использовать в реальном проекте из-за слабой поддержки.

DevBer