DEV Community

loading...
Cover image for #CodepenChallenge 100 DIVS: Living Room

#CodepenChallenge 100 DIVS: Living Room

takaneichinose profile image Takane Ichinose ・1 min read

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

pic
Editor guide