testes/Css/global/Animcoes.css

77 lines
835 B
CSS

@keyframes SurgimentoDias {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes TrocadeMesUP {
from {
opacity: 0;
transform: translateY(-100vh);
}
to {
opacity: 1;
transform: translateY(0vh);
}
}
@keyframes TrocadeMesDown {
from {
opacity: 0;
transform: translateY(100vh);
}
to {
opacity: 1;
transform: translateY(0vh);
}
}
@keyframes TrocadeMesLeft {
from {
opacity: 0;
transform: translateX(-100vw);
}
to {
opacity: 1;
transform: translateX(0vw);
}
}
@keyframes TrocadeMesRitgh {
from {
opacity: 0;
transform: translateX(100vw);
}
to {
opacity: 1;
transform: translateY(0vw);
}
}