40 lines
1.5 KiB
Plaintext
40 lines
1.5 KiB
Plaintext
|
.effect {
|
||
|
|
-moz-animation-name: fadeIn;
|
||
|
|
-webkit-animation-name: fadeIn;
|
||
|
|
-ms-animation-name: fadeIn;
|
||
|
|
animation-name: fadeIn;
|
||
|
|
-moz-animation-duration: .4s;
|
||
|
|
-webkit-animation-duration: .4s;
|
||
|
|
-ms-animation-duration: .4s;
|
||
|
|
animation-duration: .4s;
|
||
|
|
-moz-animation-timing-function: ease-in-out;
|
||
|
|
-webkit-animation-timing-function: ease-in-out;
|
||
|
|
-ms-animation-timing-function: ease-in-out;
|
||
|
|
animation-timing-function: ease-in-out;
|
||
|
|
-moz-animation-fill-mode: forwards;
|
||
|
|
-webkit-animation-fill-mode: forwards;
|
||
|
|
-ms-animation-fill-mode: forwards;
|
||
|
|
animation-fill-mode: forwards;
|
||
|
|
}
|
||
|
|
|
||
|
|
.effect.fade-out {
|
||
|
|
-moz-animation-name: fadeOut;
|
||
|
|
-webkit-animation-name: fadeOut;
|
||
|
|
-ms-animation-name: fadeOut;
|
||
|
|
animation-name: fadeOut;
|
||
|
|
}
|
||
|
|
.del-undo {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@-moz-keyframes fadeIn { 0% { opacity: 0; position: static; } 100% { opacity: 1; }}
|
||
|
|
@-webkit-keyframes fadeIn { 0% { opacity: 0; position: static; } 100% { opacity: 1; }}
|
||
|
|
@-ms-keyframes fadeIn { 0% { opacity: 0; position: static; } 100% { opacity: 1; }}
|
||
|
|
@-keyframes fadeIn { 0% { opacity: 0; position: static; } 100% { opacity: 1; }}
|
||
|
|
|
||
|
|
@-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; position: absolute; top: -1000px; left: -1000px; }}
|
||
|
|
@-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; position: absolute; top: -1000px; left: -1000px; }}
|
||
|
|
@-ms-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; position: absolute; top: -1000px; left: -1000px; }}
|
||
|
|
@-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; position: absolute; top: -1000px; left: -1000px; }}
|