YoVDO

Custom Checkbox Design Using Only HTML & CSS - Toggle Switch On/Off

Offered By: CODE4EDUCATION via YouTube

Tags

HTML & CSS Courses Computer Science Courses Web Design Courses Animation Courses HTML Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn to create a custom checkbox design and toggle switch using only HTML and CSS in this 23-minute Hindi tutorial. Explore the step-by-step process of building an animated on/off toggle switch, including HTML structure, CSS styling for inputs and labels, and keyframe animations for visual effects. Follow along as the instructor covers bulb content, reflections, sparks, and other design elements to achieve a polished, interactive toggle switch. Gain practical skills in front-end web development and enhance your ability to create engaging user interface components.

Syllabus

Intro
Project start
Html code
Html preview
CSS code
Input css
Label css
Bulb content
Reflections css
Sparks css
Input checked
Sparks Keyframe
Design completed


Taught by

CODE4EDUCATION

Related Courses

Interactive 3D Graphics
Autodesk via Udacity
Creative Coding
Monash University via FutureLearn
Make Your Own 2048
Udacity
An Introduction to Interactive Programming in Python (Part 2)
Rice University via Coursera
HTML5 Coding Essentials and Best Practices
World Wide Web Consortium (W3C) via edX