Speed Code Video https://twitter.com/asyrafhussin4/status/1555103135869218816
Speed Code Video https://twitter.com/asyrafhussin4/status/1555103135869218816
For further actions, you may consider blocking this person and/or reporting abuse
Ujjwal kashyap -
Philip Warkentien II -
Daniel -
Sh Raj -
Top comments (39)
your stuff is so good, you should make a tutorial series on CSS art
Watched the video, still hard to believe it's made with code. Well done.
Thank you
(O)_(O)
👁👄👁
Fantastic work!
Thank you
this is mind-boggling. Well done!
Thank you
Whoa, that's seriously impressive!
Thank you
Cool!
Very cool 😍
Thank you
Really nice
Thank you
Its beautifull
Thank you
:D
Beautiful execution. But then I ask myself - what's the point here? Aside from being a tour-de-force of squeezing html and css into what its not meant for - and for fun value it certainly is legit - why not use SVG, which can achieve a yet superior result with far less code, and still keep browser presentability, with actual manageable sizing, resposivity and motion control?
what is the meaning of &-1 .....?
Also how you make everything absolute so that all the divs consize in the container and not shift their position on screen size change?
Codepens are a good source for learning.
&-1 is a nested Sass selector. It selects the div with class="hair-1" since it is nested in the .hair class selector. The use of the ampersand as a placeholder for the parent will be incorporated in the CSS Nesting Module.
Thanks for the explanation.
Wow... I wanna learn