Right to Left Web Design

Misc

right to left web design Here are some resource regarding Right to Left website design and development. Steps to create CSS rules Create a new rtl.css file and put all rtl.css rules inside it.html[dir=”rtl”] .selector{ new css rules }fix margin, padding,...

Pure CSS Gradient Background Animation

Misc

Here is a demo with CSS code for gradient background animation using CSS only. This animation can prove valuable in places like hero sections, cards, and hover states of buttons. This animation will make them look alive and attract user attention. You can create your...

How to create an SVG animation with CSS?

Misc

Hey guys, I really needed to put this awesome video post by Dev Ed as he demonstrates step by step method to create an SVG animation with CSS. Here are the steps I noted: Step 1 – get your SVG image ready by editing it on Figma or any other SVG editor by...

CSS feature query – @supports

Misc

The @supports CSS at-rule lets you specify declarations that depend on a browser’s support for one or more specific CSS features. This is called a feature query. The rule may be placed at the top level of your code or nested inside any other conditional group...

Color Blinking – CSS Animation

Misc

Color Blinking – CSS Animation This is a simple example of how to create CSS animations. You can use any CSS property inside the {} curly braces to get desired effects. Demo Open demo in a full window –...