CSS Archive

Balloon.css – Pure CSS Tooltips

Balloon.css lets you add tooltips to elements without JavaScript and in just a few lines of CSS.You can also add any HTML special character to your tooltips, or even use third-party Icon fonts: Balloon.css make use of pseudo-elements thus self-closing elements such …

Tasty – CSS Animated Hamburger Icons

Tasty Hamburgers is a collection of tasty CSS-animated hamburger icons. There are 10 animated hamburger icons and also included is the source as a Sass library(Download and unzip the source files. Copy the files from the _sass/hamburgers directory into your project). It’s …

Tachyons – Functional CSS for Humans

Tachyons was built for designing fast loading, highly readable, and 100% responsive interfaces with as little css as possible.Modules can be altered, extended, or changed to meet your design needs. Tachyons is available as a series of small self contained CSS modules. …

Advanced Search Form With CSS and jQuery

This is a search form with advanced filtering options and quick link suggestions.It’s been created by Codyhouse.co A search box is an absolute must on content heavy sites. It plays a crucial role. While most designers don’t forget to implement a search …

Bulma – Modern CSS Framework Based on Flexbox

Bulma is a modern CSS framework based on Flexbox.The package contains all usual elements like Buttons, form controls, menus, tabs, titles, notifications, etc. Bulma comes with simple grid system (Just add columns, they will resize themselves), flexible navbar (Include any type of …

Pointy Slider In CSS and jQuery (tutorial)

Pointy Slider is a slideshow with sliding-in panels that unveil new, fixed background images.Pointy Slider is simple, responsive slider, with a sharp design and an interesting motion effect: with each new slide item, a sliding-in block of content covers the old one, …

Vertical Fixed Navigation (tutorial)

This is a smart vertical navigation tutorial with round indicators that turn into labelled icons when the user interacts with them. The basic idea behind putting round indicators on the side of a web page, is to give a hint to the …

Cinema Seat Preview Experiment With CSS

This is an experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room.It’s created by Codrops. Shortly, it’s a kind of “realistic” preview of the seat, i.e. see the stage or screen from the perspective …
css framework

Milligram – A minimalist CSS framework

Milligram is a fresh minimalist CSS framework.Milligram provides a minimal setup of styles for a fast and clean starting point. Just it! It’s only 2kb gzipped! It’s not about a UI framework. It’s been specially designed for better performance and higher productivity …