JunSu-Ho
JunSu-Ho
PostsComments
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've found another problem how do I make that the icon scales (1.1) a bit when hover, only the one that it's visible (active) at the moment that destroys my animation 😓 😠
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 that's the code of that
14 replies
KPCKevin Powell - Community
Created by JunSu-Ho on 3/31/2023 in #front-end
invalid input in CSS state/selector
14 replies
KPCKevin Powell - Community
Created by JunSu-Ho on 3/31/2023 in #front-end
invalid input in CSS state/selector
14 replies
KPCKevin Powell - Community
Created by JunSu-Ho on 3/31/2023 in #front-end
invalid input in CSS state/selector
14 replies
KPCKevin Powell - Community
Created by JunSu-Ho on 3/31/2023 in #front-end
invalid input in CSS state/selector
the goal is that when the input is empty the label should be in a place of placeholder (inside of an input, but technically I guess the label stacks on top of an input), and whenever input is not empty whether it's valid or invalid, label should go on top the input (outside of an input space) so that there is no overlapping with input's content text ( the input from the user) so in my case the label does the job of placeholder when an input is empty
14 replies
KPCKevin Powell - Community
Created by JunSu-Ho on 3/31/2023 in #front-end
invalid input in CSS state/selector
that doesn't work at all, with .inputBox input:not(:placeholder-shown):invalid ~ label the label is already up from the start as in case with :invalid which is not the goal
14 replies
KPCKevin Powell - Community
Created by JunSu-Ho on 3/24/2023 in #front-end
animation: rotate linear + scale alternate-reverse
thanks
4 replies
KPCKevin Powell - Community
Created by JunSu-Ho on 3/20/2023 in #front-end
Bubble effect in CSS
thanks that's is quite similar
8 replies
KPCKevin Powell - Community
Created by JunSu-Ho on 3/20/2023 in #front-end
Bubble effect in CSS
the result is different
8 replies
KPCKevin Powell - Community
Created by JunSu-Ho on 3/20/2023 in #front-end
Bubble effect in CSS
box-shadow:
        inset var(--shadow-one) 5px 0 rgba(255, 255, 255, 0.1),
        inset var(--shadow-two) 5px 0 rgba(255, 255, 255, 0.1);
--shadow-one: 3px -3px;
--shadow-two: -3px 3px;
box-shadow:
        inset var(--shadow-one) 5px 0 rgba(255, 255, 255, 0.1),
        inset var(--shadow-two) 5px 0 rgba(255, 255, 255, 0.1);
--shadow-one: 3px -3px;
--shadow-two: -3px 3px;
8 replies
KPCKevin Powell - Community
Created by JunSu-Ho on 3/20/2023 in #front-end
Bubble effect in CSS
@ʙᴏᴏʙ 2.0 how ? for example
8 replies