[anim] {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
[anim].entrar {
-webkit-animation: formAnim ease-out 1s forwards;
-moz-animation: formAnim ease-out 1s forwards;
-o-animation: formAnim ease-out 1s forwards;
-ms-animation: formAnim ease-out 1s forwards;
animation: formAnim ease-out 1s forwards;
}
@-moz-keyframes formAnim {
0% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transform: translate(0, -30px);
-moz-transform: translate(0, -30px);
-o-transform: translate(0, -30px);
-ms-transform: translate(0, -30px);
transform: translate(0, -30px);
}
100% {
opacity: 1;
-ms-filter: none;
filter: none;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes formAnim {
0% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transform: translate(0, -30px);
-moz-transform: translate(0, -30px);
-o-transform: translate(0, -30px);
-ms-transform: translate(0, -30px);
transform: translate(0, -30px);
}
100% {
opacity: 1;
-ms-filter: none;
filter: none;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-o-keyframes formAnim {
0% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transform: translate(0, -30px);
-moz-transform: translate(0, -30px);
-o-transform: translate(0, -30px);
-ms-transform: translate(0, -30px);
transform: translate(0, -30px);
}
100% {
opacity: 1;
-ms-filter: none;
filter: none;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes formAnim {
0% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transform: translate(0, -30px);
-moz-transform: translate(0, -30px);
-o-transform: translate(0, -30px);
-ms-transform: translate(0, -30px);
transform: translate(0, -30px);
}
100% {
opacity: 1;
-ms-filter: none;
filter: none;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
}