CSS toggles are a type of HTML element that can be used to switch between two or more states. They are typically used in user interface elements such as checkboxes, radio buttons and dropdown menus. They are often used to provide a more interactive experience for users when navigating through a website or application.