#CodepenChallenge 100 DIVS: Living Room

takaneichinose

Takane Ichinose

Posted on September 9, 2020

#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.

πŸ’– πŸ’ͺ πŸ™… 🚩
takaneichinose
Takane Ichinose

Posted on September 9, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Multicolour reflections from text
codepen Multicolour reflections from text

February 7, 2022

CSS Peasant
codepen CSS Peasant

February 24, 2021

Drawing a cartoon in CSS
codepen Drawing a cartoon in CSS

December 21, 2020

CSS Silhouette
codepen CSS Silhouette

October 15, 2020

#CodepenChallenge 100 DIVS: Living Room
codepen #CodepenChallenge 100 DIVS: Living Room

September 9, 2020