<html>
<head>
<script src="https://unpkg.com/scrollreveal"></script>
</head>
<body>
<div class="animetion">
このカードは回転しながら表示されます。
</div>
</body>
</html>
.animetion{
width:200px;
height:200px;
background:#ccc;
}
var option = {
rotate: {
x: 50,
y: 50,
z: 50
}
};
ScrollReveal().reveal('.animetion', option);
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.