<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);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.