css CSSアニメーション（フワッと横から入ってくる）

Posted 2021-05-13

.info {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .6s;
    -ms-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-name: sliderinfo;
    animation-name: sliderinfo;
    visibility: visible !important;
}
   @-webkit-keyframes sliderinfo {
   0% {
      opacity: 0;
      transform: translate(-50%,-50px);
  }
   100% {
      opacity: 1;
      transform: translate(-20%,0px);
  }
}