CSS Battle 19 - Curtain
Was playing with one of the css battles Kevin did in his stream.
Maybe overdoing it a bit, but just for fun. Can we find a shorter solution?
This is what I have so far (works best in chrome)
https://cssbattle.dev/play/109
14 Replies
This is witch craft š«£
A link for it please? I need to understand how this works š«£
link is there. open it in chrome. and paste that code
Oh ok ši thought it's on YT, never watched any of these battles š¬
I guess i should start doing so lol
Kevin did a stream today
https://www.youtube.com/watch?v=L1BnNl3hw7E
Kevin Powell
YouTube
CSS Battle #19 - live coding challenge
ā
CSS Battle #19 - https://cssbattle.dev/battle/19
šØāš Get a course: https://www.kevinpowell.co/courses
ā
State of CSS survey - https://survey.devographics.com/survey/state-of-css/2022?source=kevin_powell
#css
--
Come hang out with other dev's in my Discord Community
š¬ https://discord.gg/nTYCvrK
Keep up to date with everything I'm up to
ā h...
I'll check it, thanks!
My solutions are much longer š
haha, yea, but they make more sense in the real world.
I saw the top players did it in only 77 chars. I only managed 127
I donno, for this one I've seen a lot of bg decoration type things that are dot grids... just make a psuedo-element that has that radial-gradient and perfection.
true, this one could.
But in the end, css battles is just flexing your "skills". Most battles are just visual elements that in most cases we would just use an svg
well, yeah š
here the other one btw,
strange thing.
position: fixed
is 99.9%, position: absolute
100%I hate when those little things muck it up
for what it's worth
transparent
can be replaced with #0000
. That would be 5 less charactersgood shout!