Простой пример кнопки "переключатель/тумблер/toggle" на html и css


Просто появилась минутка свободного времени =)

Toggle button, переключатель, тумблер - как угодно, довольно популярный элемент. Иногда такой элемент интерфейса создают с помощью анимированной гифки. Где-то я такое видел. Это, как мне кажется не круто. Поэтому, захотелось написать этот "переключатель" на html и css. Тут использую input с типом checkbox и label. Довольно распространенное решение. 

See the Pen toggle by Mike Cherniaev (@mikecherniaev) on CodePen.

Ну и да, со вкусом и чувством прекрасного у меня проблемы. Поэтому я и использую бутстрап =)

© 2024 myresolutionis.ru

Яндекс.Метрика Рейтинг@Mail.ru