CSS Only Date Picker With Calendar Dropdown

Loving this sweet date picker by Shaw in pure CSS. When you click on the input field it draws out a calendar grid and on picking a day the...

Cursive Text Neon Text Effect

Here is a cool neon sign effect for text designed by Mark Heggan, the snippet uses a cursive font to get this neat text effect.

Fallout Pip-Boy Screen in CSS and HTML

Here is something awesome, the Pip-Boy screen from Fallout series in pure CSS designed by Chris Smith. For any Fallout game related website this would be an awesome text...

Broken and Out of Focus Text Effect using CSS

I am loving this pure CSS text animation by Yusuke Nakaya where you have the text that is broken up and the pieces move up and down giving it...

CSS Only Transition for Sign In to Register

Here is a simple card UI inspired login form from Sean Mann that has a nice transition between the Sign In & Register UI. When you click on register...

Collapsed to Reveal Full Breadcrumbs on Hover

Personally, I am not a big fan of hiding the breadcrumb navigation like this but if you are really struggling to fit in the breadcrumb on the screen this...

Arrow Style Breadcrumb Navigation

HEre we can see the classic breadcrumb navigation element with an arrow style background which helps users understand where they are on a website. This CSS only design by...

Round Expand On Hover Breadcrumbs

With this breadcrumb navigation, you will get a collapsed breadcrumb element and on hover, it expands to show you the lable for each item. It was designed by Renaud...

crossout and write with red pen

In this particular text animation, we see how to style the del ins element so it looks like the del HTML tag is crossed out from the document using...

Styling the h1 to h6 Heading Tags

If you want to add some visual style to you heading tags you might enjoy this snippet in pure css where each heading from h1 to h6 has a...