Simple Flat Html5 and CSS3 Range Slider
Converts Html5 input type=range into a nice flat styled range slider built on top of pure CSS/CSS3.
Form
Apple Website Like Animated Search Box with CSS3 Transitions
An animated search box that will automatically expand with smooth CSS3 transition based animation when focused on, as you seen in Apple’s official website.
Pure CSS Floating Labels For Text Fields
With pure CSS and CSS3 transitions, we can create animated & floating labels when a text field is populated with text.
Google Material Design Style Checkbox Transition Effect with CSS3
In this article we’re going to create animated checkboxes with fancy transition effects introduced in Google Material Design, by using CSS3 transitions and transforms.
iOS 7 Style Animated Switch Control With Javascript and CSS3
A small Javascript widget to convert a checkbox into an iOS 7 styled on/off switch with CSS3 transitions.
Animated Checkbox with CSS3 Powered Animation
An animated checkbox made by Jimmy Gillam that animates the ‘check’ action using CSS3 transforms and keyframe animations.
Animated Input Labels with Pure CSS/CSS3
CSS/CSS3 (SASS) based animated text labels floating above the input text field when the user starts typing, following the famous Float Label Pattern.
Create A Realistic Switch With Pure CSS & CSS3
A realistic switch (also known as toggle button) built only with CSS & CSS3 that allows you to toggle an option by sliding the button left or right.
Smooth Toggle Button with Html 5 and CSS3
A toggle button built with HTML5 and CSS3 that converts a checkbox input field to an animated toggle switcher as you seen in iOS.