Live coding an animated toggle switch using a checkbox as a base. Inspired by dribbble.com/s... Live demo on: codepen.io/alv...
Пікірлер: 10
@simonswiss7 ай бұрын
Man, this video was incredible! I am glad I stumbled upon it. Subscribed!
@alvaromontoro7 ай бұрын
Thanks!
@xancy86407 ай бұрын
❤🔥
@editxswajal7 ай бұрын
Bro u are awsome 🎉🎉❤
@alvaromontoro7 ай бұрын
Thank you! 😊
@simonswiss7 ай бұрын
I have no idea how this liquid effect works, but it looks amazing. How did you (or your friend) find out?
@alvaromontoro7 ай бұрын
I learnt this from @anatudor (m.kzfaq.info) and Temani Afif. In my case, it was more of trial and error based on what they'd done before.
@DaveStewartLondon7 ай бұрын
Can you explain why the box shadow "fixes" the liquid effect?
@alvaromontoro7 ай бұрын
I don't know the technical explanation for this, so I may describe it incorrectly (my apologies in advance). The idea is that the contrast filter sharpens the edges of two colors by shifting the colors, but when there is no color (when there's a full transparency), there's nothing to sharpen and leaves the blurred area blurred. By adding the box-shadow, we are surrounding the element with a color instead of with transparency, so the filter can do its magic.