Espectacular quedó hermoso

This is just amazing.. Thank you! You are the best!

@coding___bug

9 ай бұрын

Thank you for your kind words❤😊

Many thanks to you! I liked it

@coding___bug

9 ай бұрын

Glad you like it 🤩

Wow, thank you!

@coding___bug

8 ай бұрын

Glad you like it🤩

I tried to achieve the effect using a pseudo element with a radial background that is 25% of the whole button size, and masking it to show it's border area only, and animate the background position of the radial gradient to move to corners, although I can't figure out the trailing effect, but I think my approach is more performance saving, Your approach is awesome too

This is amazing thank you

@coding___bug

9 ай бұрын

Glad to hear that😊 ❤

thank u :)

i wii appreciate your work

@coding___bug

10 ай бұрын

Glad to hear that 😊❤️

Very creative...keep it up its very useful too✨

@coding___bug

Жыл бұрын

Thank you so much 😊

perfect so good

@coding___bug

Жыл бұрын

Thank you 😊

you've got some very nice ideas here

@coding___bug

9 ай бұрын

Yes😊

It's cool 😮

@coding___bug

9 ай бұрын

Thanks♥

wow amazing ....

@coding___bug

9 ай бұрын

Thank you❤

very impressive

@coding___bug

10 ай бұрын

Thank you 😊

like it

@coding___bug

9 ай бұрын

Thank you❤

nth-child(3) bugs and displays stuck on the screen for half a second when the page reloads. Changing to right:100%; fixes it.

Super

@coding___bug

3 ай бұрын

Thanks

Can you show how you would add a JavaScript layer into this code with functionality

@susguy446

9 ай бұрын

la canción d quienes

Possible code

what application did you use for that?

@coding___bug

8 ай бұрын

Visual Studio Code

Lots of love ❤ keep it up. Can you tell me which course?

@coding___bug

9 ай бұрын

Which course means???

@aayanansari4106

9 ай бұрын

Means which course you learn to create this videos ?

@coding___bug

9 ай бұрын

Web development

@aayanansari4106

9 ай бұрын

@@coding___bug you means know about html java css ?

@aayanansari4106

9 ай бұрын

@@coding___bug Thankyou so much for this information ❤️

Webkit-box-reflect:; can't work 😢 how to solve this

@kisah.penuh.makna24

9 ай бұрын

try -webkit-box-reflect: below;

please tell me what song is playing in the video

@coding___bug

Жыл бұрын

Lost sky - Where we started

@alaskaalex4635

Жыл бұрын

@@coding___bug Thank you !!! You have a good channel. I'm waiting for new videos

@coding___bug

Жыл бұрын

Thank you so much that means a lot❤️😊

can you give me your files because i'm getting some issu in my coding please can you give me your file if you give than my order is complete

Tooop Deixa o codigo pra gente, please

@coding___bug

Жыл бұрын

codepen.io/Paruuuu/pen/zYmdMWv

@assisgold

Жыл бұрын

Obrigado, vc é sensacional

@NiltonOliv

9 ай бұрын

unfortunately "-webkit-box-reflect" does not work in the mozilla firefox browser.

Thumbnail kaha se banate ho sir please help me mai bhi KZread channel khola hu lakin thumbnail ka problem ho raha hai neon button ka thumbnail nahi ban raha hai

@coding___bug

4 ай бұрын

Canva se bana lo

Damn, I keep telling people css html beats worpress every time

need source code

@coding___bug

Жыл бұрын

codepen.io/Paruuuu/pen/zYmdMWv

Modern CSS Glowing Button Hover Effects|Create Buttons With Awesome Hover Effects |Html CSS Tutorial Must watch:kzread.info/dash/bejne/c3mOp7OYaa-6qco.html

Code: *{ margin: 0; padding:0; font-family: sans-serif; box-sizing: border-box; text-decoration: none; } .wrapper{ display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #000; } a{ position: relative; display: inline-block; padding: 25px 30px; text-transform: uppercase; letter-spacing: 4px; color: #03e9f4; font-size: 1.2rem; transition: .5s; overflow: hidden; margin-right: 70px; } a:hover{ background-color: #03e9f4; color: #050801; box-shadow: 0 0 5px #03e9f4, 0 0 25px#03e9f4, 0 0 50px #03e9f4, 0 0 300px #03e9f4; -webkit-box-reflect: below 1px linear-gradient(transparent,#0005); } a:first-child{ filter: hue-rotate(225deg); } a:last-child{ filter: hue-rotate(90deg); } span{ position: absolute; display: block; } span:nth-child(1){ top: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg,transparent,#03e9f4); animation: animate1 1s infinite; } @keyframes animate1{ 0%{ left:-100%; } 100%{ left: 100%; } } a span:nth-child(2){ top: -100%; right: 0; width: 1px; height: 100%; background: linear-gradient(180deg,transparent,#03e9f4); animation: animate2 1s infinite; animation-delay: .25s; } @keyframes animate2{ 0%{ top:-100%; } 100%{ top: 100%; } } a span:nth-child(3){ bottom: 0; right: 0; width: 100%; height: 1px; background: linear-gradient(270deg,transparent,#03e9f4); animation: animate3 1s infinite; animation-delay: .5s; } @keyframes animate3{ 0%{ right: -100%; } 100%{ right: 100%; } } a span:nth-child(4){ bottom: -100%; left: 0; width: 1px; height: 100%; background: linear-gradient(360deg,transparent,#03e9f4); animation: animate4 1s infinite; animation-delay: .75s; } @keyframes animate4{ 0%{ bottom: -100%; } 100%{ bottom: 100%; } }

@NiltonOliv

9 ай бұрын

unfortunately "-webkit-box-reflect" does not work in the mozilla firefox browser.

@yashghadge8045

3 ай бұрын

Thank you bro

@mrcreator1869

Ай бұрын

thank you bro you saved a lots of time

Excellent presentation, bad for UX

Source Code den pls

@coding___bug

Жыл бұрын

codepen.io/Paruuuu/pen/zYmdMWv

please don`t post a music

@coding___bug

10 ай бұрын

Bro now I don't post with a music

Unwatchable

@marius1029

Жыл бұрын

wdym it's really cool

@coding___bug

Жыл бұрын

Thank you so much ❤️

unfortunately "-webkit-box-reflect" does not work in the mozilla firefox browser.