Category css

Form Validation Using HTML CSS & JavaScript

Form Validation Using HTML CSS & JavaScript

I’ve shared how to create Login & Registration Form using HTML & CSS and now it’s time to validate the login form using JavaScript. Form Validation in HTML means to check that the user’s entered credential – Email, Username, Password…

Typing Animation using HTML & CSS

Typing Animation using HTML & CSS

Today in this blog you’ll learn how to create a Simple Text Typing Animation using only HTML & CSS or Typewriter Text Animation. Earlier I have shared a blog on Colorful Gradient Text Effect using HTML & CSS and now…

Material Shadows CSS

Material Shadows CSS

Material Design has been all over the place lately. One part of it consists on stacking layers on top of each others like real paper sheets. To achieve such an effect in CSS, we need to use the box-shadow property.…

Truncate String Using CSS

Truncate String Using CSS

Some Related Posts:- Add Content to the Thank You Page How to Remove the “Default Sorting” Dropdown Add Text Under Each Product on Shop Page Change Input Field to Textarea on Checkout Change Add to Cart Quantity into a Drop-down…

Opposite-Direction Function Using CSS

Opposite-Direction Function Using CSS

Sass framework Compass provides a handy function to get the opposite direction of a position, for instance left when passing right as argument. Some Related Posts:- Add Content to the Thank You Page How to Remove the “Default Sorting” Dropdown…

String Replace Function Using CSS

String Replace Function Using CSS

Sass provides a collection of handy functions to manipulate strings, however there is no function to replace a substring with another string. Here is a quick str-replace function if you ever need one. Some Related Posts:- Add Content to the…

Striped Gradient Using CSS

A popular way to draw stripes in CSS it to define a linear-gradient with overlapping color-stops. It works very well but is not very convenient to write by hand… Billion dollar idea: using Sass to automatically generate it from a…

Items on a Circle Using CSS

Items on a Circle Using CSS

It can be quite challenging to place items on a circle with CSS. Usually, we end up relying on JavaScript because some plugins do it all right away. However more often than not there is no good reason to do…

Sorting Functions in CSS

Sorting Functions in CSS

Sass does not provide any built-in way to sort a list of values. Thanks to string manipulation functions, we can build a function to sort a list of items following a given order. Some Related Posts:- Add Content to the…

Card slider HTML CSS Animation

In this Vertical Card Slider Animation, there are five minimal cards with profile image, username, user profession, and a follow button. All these cards slide vertically and appear one by one. On the webpage, there are only three cards that…