CSS3 Glowing Gradient Loader Ring Animation Effects 

Latest Version : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-eBR6s_iD2UA.html

and me i'm so happy when i just understand how to center something in my page... then i came here and realised how much hours and work i still need to spend to aquire a bit of that knowledge... make me cry hahaha

Magnificent Effect, thanks for sharing you knowledge with us; Hugs from Brazil;

simply nice ! good job as always !

Loved your content bro!! KEEP IT UP ALWAYS!!😎

exellent ! the best clean chanel thanks for your creativity.👍

one of my favorite channels

Good work bro keep doing such and more videos it really helps me with my coding

Most amazing page. I love your channel

All of ur videos are best best of luck

Wonderful wonderful wonderful wonderful Thank you

genialne tego szukałem ! dzieki wielkie !!! :)))))))) uff w koncu

It's easy but need mind for this❤️❤️

cool color loading!~ nice!~

Really awesome!🤩

Holy Goat, Unbelievable

The best youtube channel about programming.

Awesome Job. thanks and Please do more...

Good job man 1000/1000.

I really like your content, I do not speak English but I translated it to be able to tell you thanks to you I learn a lot thanks for sharing your knowledge.

Awesome content man

Lindo de mais 😃

Luv to see this Bhai please give ur tutorial on html and css u r doing soooo good 😘😘😘😘😘🙏🙏🙏🙏🙏

Wow nice. I'm new to webapps and web services can I use this on my web apps for loading.

Much appreciated

Suka amat gitu ya min pake backsong tobu

Brilliant!

Love from Ahmedabad ❤️

Wow awesome!

OMG That's interesting

Nice work

I thin yur are the king of CSS

great one

Excellent

Great🤩

Me after video: Still Loading. Coll!

nice job bro

HATS OFF!

THANK YOu!!!!!

amazing

🔥🔥💯

nice

Can u make Price Range Filter in the next video my friend? Thx a lot

good

Nice effect, but how this work in mobile too?

Niiiiice

* { margin:0; padding:0; box-sizing: border-box; } body { display:flex; justify-content:center ; align-items:center; min-height:100vh; background:#000; } .loader { position:relative; width: 150px; height: 150px; border-radius: 50%; background: linear-gradient(45deg,transparent, transparent 40%, #e5f403); animation: animate 2s linear infinite; } @keyframes animate { 0% { transform: rotate(0deg); filter:hue-rotate(0deg); } 100% { transform: rotate(360deg); filter:hue-rotate(360deg); } } } .loader:before { content: ''; position: absolute; top: 6px; left: 6px; right: 6px; bottom: 6px; background: #000; border-radius:50%; z-index: 1000; } .loader:after { content: ''; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:linear-gradient(45deg,transparent, transparent 40%, #e5f403); border-radius:50%; z-index: 1000; z-index:1; filter: blur(30px); }

Which application ur using bro

nical

Can you make preloader like a FreeCharge website animations

And one thing what ur importing can say it in description ??

can u make full web site

instead of putting disco teenager music it could be more intersting to put the source code on it :)

why do i need to create ::before and ::after pseudo-class pro ?

May I ask why 'before, after' need to set two z-index

can i use ur idea ?

How to set timeout to the preloader

Still i m confuse, why do we need after pseudo for this ??🤔🤔🤔🤔🤔🤔

Sir ye app kese install kare g..

Sir how to add it to my page sir

How to put "LOADING" text below the loading animation plz tell me i am totally confused for that... I want to write "Content is loading" below the circle. Plzz answer me as soon as possible

How to write something inside the Loader?

can someone tell me how to put this like before the website loaded?

What browser and code editor you use?

Animate doesnt work for me..why???

what is the name of the app

His typing speed is like He can type live lyrics for Eminem 😂

how did you select the 6's at once?

One request pls make coding slowly I want to see what you type but u are very speed 😓

you're a profissional?

1.1k likes and 1 dislike. I saw this first time on youtube

LIKE LIKE LIKE LIKE

{💖💖💖😉💖😉💖😉💖😉💖😉😆😆😆😆😄😄💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖}online

Nice work

amazing

And one thing what ur importing can say it in description ??