CodePen Embed - ScrollReveal-sample002

<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 = {
  distance: '50px',
  origin: 'right',
};

ScrollReveal().reveal('.animetion', option);

This Pen is owned by fuzuki on CodePen.

See more by @fuzuki_works1 on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.