CSS Archive

bulma-banner

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-featured

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-2-featured

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

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 …
stretchy-navigation-featured

Stretchy Navigation – A Dropdown Concept

Stretchy Navigation is a rounded navigation trigger that stretches on click/tap to reveal the navigation items.It’s been created by Codyhouse.The idea is to apply a stretching navigation, and create 3 different user cases where this snippet would be useful: 1) fixed navigation, …
ShazamButtonEffect

Shazam-Like Morphing Button Effect

This a tutorial on how to create a Shazam-like button that morphs into a music player using Snap.svg.In this tutorial you will create a Shazam-like UI where we initially have a simple button that, when clicked, morphs into a listening button. And …
RoomDisplay800x6001

Interactive 3D Room Display With CSS

An experimental interactive room slideshow based on the prototype concept by Bilal Mechairia’s Dribbble shot “Spaces”. This little experiment based on a Dribbble shot by Bilal Mechairia’s, called “Spaces”. The idea is to show an interactive room with several items that all …