Skip to content

Instantly share code, notes, and snippets.

@jsanta

jsanta/bounce-in.sass

Created March 9, 2018 17:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jsanta/878209c94182b1613e186cd9fcb3769a to your computer and use it in GitHub Desktop.
Save jsanta/878209c94182b1613e186cd9fcb3769a to your computer and use it in GitHub Desktop.
Download ZIP
bounce-in CSS animation style in Sass
Raw
bounce-in.sass
.bounceIn
opacity: 0;
animation-name: bounceIn;
animation-duration: 450ms;
animation-timing-function: linear;
animation-fill-mode: forwards;
@keyframes bounceIn
0%
opacity: 0;
transform: scale(0.3) translate3d(0,0,0);
50%
opacity: 0.9;
transform: scale(1.1);
80%
opacity: 1;
transform: scale(0.89);
100%
opacity: 1;
transform: scale(1) translate3d(0,0,0);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment