An animated progress bar using pure CSS with a special 3D look.
Gallery css started as an experiment to build interactive, fluid componentry without the need for jQuery, or a jQuery carousel script. Use this library, or don’t — either way, hopefully you’ll learn from the techniques used within.
Fullscreen Navigation Menu
A fullscreen navigation with an animated hamburger toggle that displays an always-centered menu with a fullscreen overlay covering the whole webpage.
Drop Down Menu
Pure CSS Horizontal Accordion
Achieving this effect is pretty simple, the main targeting element to animate would be the width of the list container, the left margin of the icon container, and the background gradient of the icon container.
CSS 3D transform Colorful Animated Carousel
A pure CSS 3D perspective carousel that automatically rotate through a group of html content using CSS3 transforms.
One Page Navigation CSS Menu
This is a one page navigation with diferent sections and a pure CSS menu and transitions.
Colorful CSS Buttons
A collection of various types of CSS buttons in various colors.
I really liked that little hand animation so I decided to recreate it in good pure CSS only. No JS was harmed.
Pure CSS Icons
A set of simple round icon hover effects with CSS transitions and animations.
CSS3 Toggle Radio & Checkbox
A custom checkbox and radio buttons made with CSS3 that doesn’t require js. With the help of html generate tool it can easily customize such as colors, style etc. It is also compatible with FontAwesome.
Customizable CSS-only vertical timeline.
Littlebox is a set of icons made entirely with CSS.Each littlebox icon is made up of three or fewer elements, but can be called with as a single element with class .lb-icon followed by the .lb-* class associated with the requested icon.
Zocial CSS social buttons
Creative button set made by smcllns. These buttons are very easy to use and customize as they use @font-face for the icons so resizing is not a problem.
Material Design CSS Only Tabs
A CSS3 Animated Movie Card From Dribble Shot.
Modern Material Forms
is an easy Copy & Paste, responsive CSS gallery without all the bells and whistles getting in the way. It comes setup with the Magnific Popup Lightbox, but is effortlessly configured to work with any lightbox plugin. No framework, Bootstrap or other depencies are needed. Just pure, lean CSS.
Pure CSS Header Menu
Based on dribbble shot by Ennio Dybeli.
Table collapses into a “list” on small screens. Headers are pulled from data attributes.
A nightmare to keep the look consistent across browsers while using no JS. For Firefox and IE I have the ::-moz-range-progress and ::-ms-fill-lower respectively. For Chrome/ Opera used pseudo elements on the thumb and track. This is something that didn’t work until recently.
This can be useful for allowing users to select a specific price range when browsing products.
CSS-only Colorful Calendar Concept.