Bubble effect code!

uhh what

<div onmouseover= smth i forgor

<div style="background: linear-gradient(135deg, rgba(25, 25, 25, 0.1) 0%, rgba(45, 45, 45, 0.5) 100%) padding-box; border: 2px solid transparent; border-radius: 16px; padding: 24px; margin: 16px auto; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 32px, rgba(255, 255, 255, 0.1) 0px 1px 0px inset; backdrop-filter: blur(10px); transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(0px) scale(1);" onmouseover="
this.style.transform = 'translateY(-2px) scale(1.02)';
this.style.boxShadow = '0 16px 48px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2)';
" onmouseout="
this.style.transform = 'translateY(0) scale(1)';
this.style.boxShadow = '0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1)';
">
<p></p>
<p></p>
<p></p>
</div>
<p></p>

how does it work> where do you put it?

imma put all of these in my blog

you want credit, michael?

yea

credit to next dev for the buble code though

wha.. who?

@nextdev2

ok