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
Fwl Dom -
Paul -
PuruVJ -
Vishal Yadav -
Top comments (40)
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)
👁👄👁
this is mind-boggling. Well done!
Thank you
Cool!
Fantastic work!
Thank you
Whoa, that's seriously impressive!
Thank you
Its beautifull
Thank you
Really nice
Thank you
:D
Very cool 😍
Thank you
A woman with long hair exudes a timeless elegance that captivates the imagination. Her cascading locks, whether straight, wavy, or curly, frame her face with a natural beauty that is both powerful and enchanting. Long hair offers endless styling possibilities, from intricate braids and sleek ponytails to voluminous curls and sophisticated updos. It requires a dedicated hair care routine to maintain its health and shine, often involving regular trims, deep conditioning treatments, and gentle handling to prevent breakage. Ultimately, long hair is not just a style choice but a statement of femininity, patience, and personal care.
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.