Create a CSS-only carousel with sliding images.
HardProblem Statement
Create a CSS-only carousel with sliding images.
Sample Output
The images slide automatically from left to right in a loop.
Limits
Time: 2s · Memory: 256 MB
Code Editor
Log in to submit00:00
Try your code in this preview. Submit marks it done.
<!DOCTYPE html>
<html>
<head>
<style>
/* Add CSS here to create the sliding carousel */
</style>
</head>
<body>
<div class="carousel">
<div class="slide"><img src="img1.jpg" alt="Image 1" /></div>
<div class="slide"><img src="img2.jpg" alt="Image 2" /></div>
<div class="slide"><img src="img3.jpg" alt="Image 3" /></div>
</div>
</body>
</html>
Document
To view the HTML changes, please type the code within the editor