---
title: Switch
description: Create pure CSS3 On/Off switches with animated transitions. Now you can tell your users to flip the switch or switch off.
video: 'AEL2Mj0DT3o'
sass: scss/components/_switch.scss
---
## Basics
Add the `.switch` class to an element to create a switch. Inside the switch, add an `` with the class `.switch-input`. Next to that, create a `