CSS Search Box Example with HTML
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
Ashfaq Ahmed
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
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
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
12+ Pure CSS Ribbon Shapes without Images
Are you looking for some cool ribbon shapes which build with pure CSS? Why not have a look at a great list of ribbons which are easy to implement and work well on kind of desktop or mobile browsers. These … Read More
CSS Notification Message Alert Boxes with Popup Animation
Notification messages can be used to inform the user something special like an error, success, and warning, etc. Today, we will build CSS notification message alert boxes that works with the button when clicked. Here, we’ll create four different types … Read More
How to Make HTML Typing Text Effect Animation Using CSS
This tutorial is about to create a html typing text effect by using CSS3 animation. Not only this but we will also create jQuery & multiple lines typewriter effect using CSS. This tutorial is about to create a typing text … Read More
Create Beautiful Looking Registration Form in HTML
In this tutorial, we are going to tell you how you can create Registration Form using HTML and CSS3. We will create two Registration forms — the first one is simple — and another one has Icons with each input … Read More
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
Create Fullscreen HTML5 Responsive Video Background
Are you look for a solution to add a responsive but fullscreen HTML5 video as background? And want to make it work with most of the major browsers including mobiles? In this tutorial, You will learn how you can do … Read More
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
Learn how to create a mobile-friendly expanding search bar with the help of 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. … Read More
How to Add HTML5 Video Overlay Play Button
Adding a button over a photo is so easy by using the CSS absolute property but what about the overlay play button over the HTML5 video? For this, we will take the help of Javascript along with CSS. The Javascript … Read More
CSS Flip Animation on Hover – Flipping Card
The CSS flip animation is great fun to show more information on the same DIV element by just flipping it on hover. The beauty of CSS3 is that It allows you to create unlimited effects without touching JavaScript. You can … Read More
How to Make Metro Style Windows 8 CSS3 Menu
This tutorial about creating metro style windows 8 CSS3 menu. We will teach you how you can style the menus just like window eight by using HTML5 and CSS3. It’s easy to build with the help of DIV element then … Read More
Pure CSS Radial Progress Bar with Plain HTML / CSS
This is another post to create a radial progress bar by using plain HTML and pure CSS. But before we go ahead, Did you try out a pure CSS percentage circle which build with animation. Few months backs I was … Read More
Fullscreen Video Parallax Background Using CSS3
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
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 without Javascript
For those who don’t have knowledge of Javascript or jQuery and trying to create a pure CSS Image slider then this script going to help you to accomplish your goal. In this simple tutorial, I am going to build an … Read More
