The Mine: No Js, Css Only Adventure Game

See the Pen The Mine: No Js, Css Only Adventure Game by jcoulterdesign (@jcoulterdesign) on CodePen.

The Mine: No Js, Css Only Adventure Game

Description: The logic behind it is actually relatively simple and uses a 7+ year old technique. By clicking on an arrow (in this case a label), it checks the relevant input and then using the :checked pseudo selector, we can traverse down the DOM the correct amount of iterations and shift the entire viewport a whole 'segment' over. The lifts work entirely the same way except instead when we click down, we are actually checking the segment below.

Browsers: Chrome Edge Firefox Opera Safari

Made with: HTML (Haml) CSS (SCSS)

Responsive:No

Posted: 19.10.2018

Similar Examples