JunSu-Ho
KPCKevin Powell - Community
•Created by JunSu-Ho on 10/1/2023 in #front-end
Animation: Rotate In on Open and Rotate Out Reverse on Close: asking for Feedback
I made this animation, and everything works I as want,
but turns it's move complicated then I assumed and it took way more code than I expected. Therefore I just wonder is there a better way to do the same, more efficiently?
Please, let me know if you know!
Codepen:
https://codepen.io/JunSu-Ho/pen/JjwBLwK
12 replies
KPCKevin Powell - Community
•Created by JunSu-Ho on 3/31/2023 in #front-end
invalid input in CSS state/selector
https://codepen.io/JunSu-Ho/pen/KKxLROg
so the effect works when input is valid or empty,
but not when the user put invalid input,
is this can be solved without JS? 🤔
the label should be on top if the input is invalid as well, but not when it's empty
it's more clear to see in the codepen link just put some invalid email like abc, the label doesn't react
14 replies
KPCKevin Powell - Community
•Created by JunSu-Ho on 3/24/2023 in #front-end
animation: rotate linear + scale alternate-reverse
https://codepen.io/JunSu-Ho/pen/dyqwQGd
how do I combine those animations?, I need scaling to be alternate-reverse,
but I want rotate to be linear, rotating same direction not reversing
4 replies
KPCKevin Powell - Community
•Created by JunSu-Ho on 3/20/2023 in #front-end
Bubble effect in CSS
8 replies