Skip to content

Instantly share code, notes, and snippets.

@wozozo
Created June 17, 2016 11:07
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save wozozo/fc159575b082fbc9b596cf3b15f80325 to your computer and use it in GitHub Desktop.
/***** Fadding Entrances ******/
.flip-left {
-webkit-animation: flipLeft 1 1s ease-out;
-moz-animation: flipLeft 1 1s ease-out;
-ms-animation: flipLeft 1 1s ease-out;
-o-animation: flipLeft 1 1s ease-out;
animation: flipLeft 1 1s ease-out;
opacity: 1 !important;
visibility: visible !important;
}
@-webkit-keyframes flipLeft {
0% {
-webkit-transform: translateX(-100px);
opacity: 0;
}
70% {
-webkit-transform: translateX(0);
opacity: 1;
}
}
@-moz-keyframes flipLeft {
0% {
-moz-transform: translateX(-100px);
opacity: 0;
}
70% {
-moz-transform: translateX(0);
opacity: 1;
}
}
@-ms-keyframes flipLeft {
0% {
-ms-transform: translateX(-100px);
opacity: 0;
}
70% {
-ms-transform: translateX(0);
opacity: 1;
}
}
@-o-keyframes flipLeft {
0% {
-o-transform: translateX(-100px);
opacity: 0;
}
70% {
-o-transform: translateX(0);
opacity: 1;
}
}
@-moz-keyframes flipLeft {
0% {
transform: translateX(-100px);
opacity: 0;
}
70% {
transform: translateX(0);
opacity: 1;
}
}
@-webkit-keyframes flipLeft {
0% {
transform: translateX(-100px);
opacity: 0;
}
70% {
transform: translateX(0);
opacity: 1;
}
}
@-o-keyframes flipLeft {
0% {
transform: translateX(-100px);
opacity: 0;
}
70% {
transform: translateX(0);
opacity: 1;
}
}
@keyframes flipLeft {
0% {
transform: translateX(-100px);
opacity: 0;
}
70% {
transform: translateX(0);
opacity: 1;
}
}
.flip-right {
-webkit-animation: flipRight 1 1s ease-out;
-moz-animation: flipRight 1 1s ease-out;
-ms-animation: flipRight 1 1s ease-out;
-o-animation: flipRight 1 1s ease-out;
animation: flipRight 1 1s ease-out;
opacity: 1 !important;
visibility: visible !important;
}
@-webkit-keyframes flipRight {
0% {
-webkit-transform: translateX(100px);
opacity: 0;
}
70% {
-webkit-transform: translateX(0);
opacity: 1;
}
}
@-moz-keyframes flipRight {
0% {
-moz-transform: translateX(100px);
opacity: 0;
}
70% {
-moz-transform: translateX(0);
opacity: 1;
}
}
@-ms-keyframes flipRight {
0% {
-ms-transform: translateX(100px);
opacity: 0;
}
70% {
-ms-transform: translateX(0);
opacity: 1;
}
}
@-o-keyframes flipRight {
0% {
-o-transform: translateX(100px);
opacity: 0;
}
70% {
-o-transform: translateX(0);
opacity: 1;
}
}
@-moz-keyframes flipRight {
0% {
transform: translateX(100px);
opacity: 0;
}
70% {
transform: translateX(0);
opacity: 1;
}
}
@-webkit-keyframes flipRight {
0% {
transform: translateX(100px);
opacity: 0;
}
70% {
transform: translateX(0);
opacity: 1;
}
}
@-o-keyframes flipRight {
0% {
transform: translateX(100px);
opacity: 0;
}
70% {
transform: translateX(0);
opacity: 1;
}
}
@keyframes flipRight {
0% {
transform: translateX(100px);
opacity: 0;
}
70% {
transform: translateX(0);
opacity: 1;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment