Cube slider, a small experiment with HTML5/CSS3 3d transforms.
Forked from Ilya K.'s Pen 3D Cube slider. Pure CSS..
A Pen by Jason McGovern on CodePen.
Anil Kumar kaushal83anil
kaushal83anil
/ 3d-cube-slider-pure-css.markdown
Created
March 21, 2024 19:32
3D Cube slider. Pure CSS.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body> | |
| <h1>3D cube in CSS with jQuery</h1> | |
| <div class="container-cube"> | |
| <div class="cube"> | |
| <div class="front" id="show-front">front</div> | |
| <div class="back" id="show-back">back</div> | |
| <div class="right" id="show-right">right</div> | |
| <div class="left" id="show-left">left</div> | |
| <div class="top" id="show-top">top</div> | |
| <div class="bottom" id="show-bottom">bottom</div> |