This CSS drawing was done only using polygons in clip-path
, which combined with a relative-sized container (with vmin
) makes it responsive.
I used illustration software to modify the original image, made the colors brighter, and drew the paths one by one. Then translated those paths to CSS clip-paths... and voilà:
The image is not exactly the same as the original, and some details were lost during the process changing the expression almost completely, but the result looks nice... or at least, I like it 😊
Top comments (4)
Yeah, you are right. It doesn't look like the original image😁But I guess thats not important here. I have always thought of CSS to be a mechanism to style or position html. But it amazes me how we can create art from it. Add a pinch of hover and transforms and you get pure magic.
This is interesting!
Gorgeous!
Insane level of css. Dope bruv!