Posts

Showing posts from June, 2024

Loader with html and css

post @# Create CSS Loader with HTML and CSS #@ Creating a Loader using HTML and CSS is a great way.Here's a step-by-step guide on how to make a Loader. HTML Code Yahaan diya gaya HTML structure ek loading animation ko define karta hai jismein SVG graphics aur animations shamil hain. Explanation in Hindi:- div class="loader": Yeh main container hai jo SVG graphics ko hold karta hai. svg aur path: Yeh SVG (Scalable Vector Graphics) elements hain jo shapes aur animations ko define karte hain. defs: Yeh SVG definitions ko hold karta hai jaise gradients aur animations. linearGradient: Yeh linear gradient ko define karta hai jo colors ko transition karne ke liye ...

LOADER with HTM and CSS, html css, html css tutorial for beginners, html css full course,

  post @# Create CSS Loader with HTML and CSS #@ Creating a Loader using HTML and CSS is a great way.Here's a step-by-step guide on how to make a Loader. HTML Code Loading… Yahaan diya gaya HTML structure ek loading animation ko define karta hai jisme dots aur ek text "Loading..." shamil hai. Explanation div class="pl": Yeh main container hai jo sabhi dots aur loading text ko hold karta hai. div class="pl__dot": Yeh ek individual dot ko define karta hai. Multiple dots ko same class ke sath banaya gaya hai. div class="pl__text"लोड हो रहा है…: Yeh text hai jo loading message ko display karta hai. CSS Code .pl { box-shadow: 2em 0 2em rgba(0, 0, 0, 0.2) inset, -2em 0 2em rgba(255, 255, 255, 0.1) inset; display: flex; justify-content: center; align-items: center; position: rela...