048
3D spiral
For this effect, I wanted to make images scroll along a spiral. It’s like looking at a spiral staircase from the front. Playing with CSS 3D gives some really interesting results without needing to use a canvas or WebGL. Let’s dive in together!
HTML Structure
The structure of this effect is quite simple. Each image will be a child of a >.media division, and these divisions will be children of our main container.
lt;section class="mwg_effect048">
<div class="container">
<div class="media">
<img src="./assets/medias/01.jpg" alt="">
</div>
<div class="media">
<img src="./assets/medias/02.jpg" alt="">
</div>
<div class="media">
<img src="./assets/medias/03.jpg" alt="">
</div>
</div>
</section>