blob: 4cadef71eb42d645fe1c3861392a3c210fea6b24 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<style>
.stage {
margin: 20px;
width: 300px; height: 250px;
border: 2px solid black;
transform-style: preserve-3d;
}
.slide {
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
background-color: blue;
transform: translateX(0px);
}
</style>
</head>
<body>
<div class="stage">
<div id="target" class="slide" onanimationend="animationEnded()"></div>
</div>
</body>
</html>