CSS Glowing Border animation 

🤣🤣🤣🤣

:)

Class me space kyun rahata he

@@Liku108 Space is there to mention multiple classes, in this code block and glow are 2 different classes

hahaha same to me my friend!!

I have also same problem

in a textfile named: "rrrainbooow.css" you put: body { background-color: #000; } div { position: relative; margin: 250px auto; width: 500px; height: 500px; background: #000; } div:before, div:after { content: ''; position: absolute; left: -2px; top: -2px; background: linear-gradient(45deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000, #ffff00); background-size: 400%; width: calc(100% + 4px); height: calc(100% + 4px); z-index: -1; animation: mooove 10s linear infinite; } @keyframes mooove { 0% { background-position: 0 0; } 100% { background-position: 400% 0; } } div:after { filter: blur(50px); } in an html file in the same folder with name "icouldntcareless.html" you put:

why

Mines not working any help??

Because block and glow are two different class. We can write multiple class in html by keeping space between two words.

Samajh gya bhai, thanks

ctrl + c ctrl + v

in a textfile named: "rrrainbooow.css" you put: body { background-color: #000; } div { position: relative; margin: 250px auto; width: 500px; height: 500px; background: #000; } div:before, div:after { content: ''; position: absolute; left: -2px; top: -2px; background: linear-gradient(45deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000, #ffff00); background-size: 400%; width: calc(100% + 4px); height: calc(100% + 4px); z-index: -1; animation: mooove 10s linear infinite; } @keyframes mooove { 0% { background-position: 0 0; } 100% { background-position: 400% 0; } } div:after { filter: blur(50px); } in an html file in the same folder with name "icouldntcareless.html" you put: