Animated Checkbox & Radio Button with CSS3 and Font Awesome
A cool animated checkbox and radio button replacement that is styled with Font Awesome and animated with CSS3 transforms and keyframes.
Form
iOS 7 Style Switches with Pure CSS/CSS3
A pure CSS solution to create animated iOS 7 style switches with labels using CSS3 box-shadow and transition properties.
Google Material Design Animated Radio Buttons with Pure CSS3
A set of cool radio buttons with cool CSS3 based check and hover animations inspired by Google’s new Material Design.
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.
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.