DEV Community

Cover image for #CodepenChallenge 100 DIVS: Living Room
Takane Ichinose
Takane Ichinose

Posted on

#CodepenChallenge 100 DIVS: Living Room

Using DIV HTML elements, I created this 3D living room, with functionalities using Vanilla Javascript.

I added touch events, so this image can be controlled using your smart phone.

I still retained the Pug source code, because I had so much edit with the HTML codes until I got exactly 100 DIV elements.

I created a 3D mixin for Pug, and SCSS, for me to draw 3D elements easier.

Discussion (0)