Carouhell - Rotate two pictures side by side

Back to Carouhell

Just override the CSS to set the ul width double of the li width. No additional javascript needed.

<link rel="stylesheet" type="text/css" href="src/carouhell.css"> <script src="src/carouhell.js"></script> <style> .carouhell { width: 600px; height: 400px; background: gray; } .carouhell>li { transition: 400ms; width: 300px; } </style> <ul id="test" class="carouhell"> <li><img src="assets/img1.jpg"> <li><img src="assets/img2.jpg"> <li style="background-image: url('assets/img3.jpg')"> <span class="stripe" style="align-self: center">Tree3</span> </li> <li><img src="assets/img1.jpg"> <li><img src="assets/img2.jpg"> </ul>