Skip to content

Instantly share code, notes, and snippets.

@mostobriv
Created July 28, 2017 23:34
Show Gist options
  • Save mostobriv/af8cc827a028346564578f0880a4e659 to your computer and use it in GitHub Desktop.
Save mostobriv/af8cc827a028346564578f0880a4e659 to your computer and use it in GitHub Desktop.
@-webkit-keyframes flicker{0%{opacity:0.0}10%{opacity:1.0}20%{opacity:0.0}30%{opacity:1.0}40%{opacity:0.0}50%{opacity:1.0}60%{opacity:0.0}70%{opacity:1.0}80%{opacity:0.0}90%{opacity:1.0}100%{opacity:1.0}}@keyframes flicker{0%{opacity:0.0}10%{opacity:1.0}20%{opacity:0.0}30%{opacity:1.0}40%{opacity:0.0}50%{opacity:1.0}60%{opacity:0.0}70%{opacity:1.0}80%{opacity:0.0}90%{opacity:1.0}100%{opacity:1.0}}@-webkit-keyframes flickerQuick{0%{opacity:0.0}20%{opacity:1.0}40%{opacity:0.0}60%{opacity:1.0}80%{opacity:0.0}100%{opacity:1.0}}@keyframes flickerQuick{0%{opacity:0.0}20%{opacity:1.0}40%{opacity:0.0}60%{opacity:1.0}80%{opacity:0.0}100%{opacity:1.0}}@-webkit-keyframes slideFromLeft{0%{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:hidden}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);visibility:visible}}@keyframes slideFromLeft{0%{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:hidden}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);visibility:visible}}@-webkit-keyframes slideFromRight{0%{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:hidden}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);visibility:visible}}@keyframes slideFromRight{0%{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:hidden}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);visibility:visible}}.tnsl-flicker{opacity:0.0;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:steps;animation-timing-function:steps;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.tnsl-flickerQuick{opacity:0.0;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:steps;animation-timing-function:steps;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.tnsl-slideFromLeft{visibility:hidden;-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-timing-function:steps;animation-timing-function:steps;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.tnsl-slideFromRight{visibility:hidden;-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-timing-function:steps;animation-timing-function:steps;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment