240+ HTML / CSS Examples with Source Code for Designers

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

Fullscreen Video Parallax Background Using CSS3

Video Parallax Background

Did you try an image parallax scrolling? What do you think about adding fullscreen video parallax background by using CSS3 and HTML5 only? You might be thinking is it possible? Yep, that’s entirely possible and in this tutorial, you will … Read More

Pure CSS Percentage Circle with Animation

CSS Percentage Circle

We have already posted a pure CSS radial progress bar, and here we will show you another way of making percentage circle with animation. Our previous tutorial was built with gradient colors. Today I am going to demonstrate how to … Read More

Pure CSS Image Slider using HTML

Pure CSS Image Slider without Javascript

Looking for a responsive but pure CSS image slider using HTML that comes with endless possibilities? In this tutorial, We are going to create one with the ability to add caption text with each slide. It also comes with creative … Read More