10 CSS Code Snippets You Must See!


CSS Code Snippets for Beautiful Websites

CSS Code Snippets are extremely popular and many developers and designers try to create the web more interesting and beautiful by creating them and sharing them free. As a developer or a designer you probably know how important is to try new code and experiment. Designify collected the greatest CSS Code Snippets available on web for you!

Dark Datepicker

A dark pop-up date picker with a slick navigation bar and crip shadows.

css code snippets

DEMO DOWNLOAD


Checkout Form

A clean and simple checkout form with credit card fields, submit button and a fancy price badge.

css code snippets

DEMO DOWNLOAD


Flip-down Clock

A “skeuomorphic” flip-down clock for your countdowns and timers.

css code snippets

DEMO DOWNLOAD


Pricing Table

A simple pricing table. Each plan has a title, price, list of features, and purple sign-up button.

Pricing table -  CSS Snippets

DEMO DOWNLOAD


Notification Windows

A set of flat notification windows with pure CSS icons.

The icons are created using before/after pseudo-elements (no extraneous markup) and CSS3 transform functions.

They even work in IE 8 where Unicode characters make up for the lack of CSS transforms support.

Notification windows - CSS Snippets
DEMO DOWNLOAD


Dark Pagination

A dark pagination complete with hover and active states.

Dark Pagination
DEMO DOWNLOAD


Dark and Light Dropdown Lists

A set of custom <select> dropdown lists in dark and light color schemes.

These are fully functional and accessible without Javascript or images.

They use the native <select> element with a wrapper element to hide the dropdown arrow.

Dark and Light Dropdown Lists
DEMO DOWNLOAD


Share Buttons

A set of social media share buttons with a 3D effect that makes you want to click them!

Share Buttons
DEMO DOWNLOAD


Month Picker

A selection widget with a shiny selection indicator. Implemented as a month picker.

Created with a set of labels and radio buttons, and using the :checked CSS3 selector.

Month Picker
DEMO DOWNLOAD


Newsletter Sign Up Form

A simple newsletter / mailing-list sign-up form.

Newsletter Sign Up Form
DEMO DOWNLOAD

About This Author

I am Petia Koleva (aka scarletish) and I am doing web and graphic design. I also like to experiment in infographics and motion graphics design. I graduated @Gray's School of Art in Aberdeen, Scotland - BDes (Hon) Design for Digital Media. I have two design awards: BP Design Award 2012 @ Gray's School of Art and RGU Purchase Prize Award. I am very passionate about design and I share my passion on designify.me.

Post A Reply