Skip to content

Instantly share code, notes, and snippets.

@gkondo
Created March 9, 2017 02:16
Show Gist options
  • Select an option

  • Save gkondo/ea0500709eafab281ac767c31ae9b12b to your computer and use it in GitHub Desktop.

Select an option

Save gkondo/ea0500709eafab281ac767c31ae9b12b to your computer and use it in GitHub Desktop.
CSSアニメーション(フワッと横から入ってくる)
.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);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment