.animateElement {
    -webkit-transform: translateZ(1); /* 動きを滑らかにするおまじないです。使いすぎ注意。 */
  　display: none;
    opacity: 0:
  }
  
  .animated {
    /* アニメーションのプロパティを指定 */
    animation-name: example;
    animation-duration: 1s;
    display: block;
    opacity: 1;
  }
  
  @keyframes example {
    from {opacity: 0;}
    to {opacity: 1;}
  }