CSS Only Crossfading Background Slideshow
A fullscreen background slideshow with a crossfade transition effect built only with HTML and CSS/CSS3.
CSS & CSS3
Minimalist Vertical Timeline With Pure CSS – Timelined
Timelined is a simple yet robust and highly customizable CSS library for generating a vertical, fully responsive timeline from plain html structure.
Responsive Flat Style Timeline with Pure CSS/CSS3
A responsive, flexible, flat styled timeline built using pure CSS and CSS3 transitions & media queries.
Gauge Style Range Control With SVG and Vanilla JavaScript – Audials
Audials is a vanilla JavaScript plugin that visualize any values into touchable, customizable, vector shaped and gauge-style dial graph.
Pure HTML / CSS Card Slider
A pure HTML / CSS card sliding which allows you to click through a group of content sections using radio buttons and :checked pseudo-class.
Minimal Responsive Gallery Lightbox with Pure HTML / CSS
A simple, responsive galley lightbox for showcasing your favorite images, built using pure HTML and CSS.
Duotone Image Filters Using CSS Blend Modes – Colofilter.css
Colofilter.css is a pure CSS library that uses CSS blend modes to apply various types of ‘duotone’ filters to your images.
A Nicer Color Palette For The Web – Colors.css
colors.css is a simple and nice color palette for modern web design. Provided as CSS, LESS and SASS versions.
Lightweight Animated Tooltip In Pure CSS – Clew.css
Clew.css is a tiny CSS library used for creating simple clean tooltips with animations based on CSS3 transitions and transforms. How to use it: Download and include the Clew.css in the header of your document. <script src=”prefixfree.min.js”></script> Use data-clew attribute to define the content displayed in the tooltip. <span class=”clew-top” data-clew=”Top tooltip”>Demo</span> Add a subtle CSS3 animation… Read More »
Creating A Star Rating Widget With Pure HTML / CSS
A CSS only approach to creating a star rating widget on your webpage using plain HTML and CSS / CSS3.