250+ HTML / CSS Examples with Source Code for Designers

CSS Timeline: Build Vertical Timeline with CSS

CSS Timeline: Build Vertical Timeline with CSS

In this tutorial, we’ll learn how to build a responsive CSS vertical timeline from scratch. First, we’ll create the primary structure of minimum markup and the strength of CSS pseudo-elements. Then, we’ll use some CSS to feature a few transitional … Read More

Pure CSS Star Rating Using Radio Buttons

Pure CSS Star Rating Using Radio Buttons

In this tutorial, I’ll make a CSS star rating system using HTML radio buttons and also will show a pure Unicode entity HTML rating. The CSS Star Rating is one particular classic UX patterns that every web designer has tinkered … Read More

CSS Search Box Example with HTML

Nice & Beautiful Design Looking CSS Search Box with Icon

In this tutorial, we will create 6 unique CSS Search box Examples with HTML which are easy to use. You will find the form code and demo as well. All of the examples are well coded and has a nice … Read More

Pure CSS Cool Loading Animations and Spinners

Pure CSS Cool Loading Animations and Spinners

Today, I’m going to share pure CSS based cool loading animations and spinners with you. Nowadays, the page loading animation is commonly used in web designing. Before coming up with CSS3, to create loading animation we used jQuery. By using … Read More

Pure CSS Slideshow Autoplay without JavaScript

Pure CSS Slideshow Autoplay without Javascript

After getting a lot of feedback, today I have the plan to share with you a pure CSS slideshow autoplay without JavaScript. It comes with dot navigation support. Furthermore, it also supports the title and description text over each slider … Read More

Simple Pure CSS Sticky Header On Scroll

Simple Pure CSS Sticky Header on Scroll

It’s time to create simple but pure CSS sticky header on scroll that will stay fixed at the top the page. When user on scroll down the page, the fixed header comes along with the mouse scrolling. Header navigation will … Read More

Smooth CSS Fade in On Page Load Animation

Smooth CSS Fade in on Page Load Animation

A day ago, we created the CSS fade in animation but today we are going to make similar transition effects on Page Load. It works after page load. We will apply the CSS animation on div elements in the content … Read More

How to Overlay Text on HTML5 Video

How to Overlay Text on HTML5 Video

It’s easy to overlay text over the images but what about adding text over the HTML5 video element? Yep! it’s easy and quite possible with few lines of CSS. I am going to use the same method which I did … Read More

Expanding Search Bar with jQuery & CSS3

Expanding Search Bar with jQuery & CSS Transitions

Learn how to deconstruct mobile-friendly Expanding Search Bar with jQuery & CSS3 transitions. It is a click-to-expand input search that has fluid width. It is a new and popular way of the latest web design trends.  Initially, the search form … Read More