Hej mam pytanie. Zrobiłem animację w css na mojej stronie o taką:
.wrapper3{
margin:0;
min-height:50vh;
padding:5vh;
background-color:#00bdbd;
}
#block1{
padding:15px;
width:30vh;
background-color:#eee;
height: 45vh;
border:4px solid #aaa;
border-radius:3px;
-webkit-box-shadow: 4px 4px 10px 0px rgba(117,117,117,0.9);
-moz-box-shadow: 4px 4px 10px 0px rgba(117,117,117,0.9);
box-shadow: 4px 4px 10px 0px rgba(117,117,117,0.9);
animation: block1 5s ease-in-out 1 normal none;
}
@keyframes block1
{
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateY(-20px);
transform: translateX(-20px);
}
100% {
-webkit-transform: translateY(0);
transform: translateX(0);
}
}
Tylko, że chciałbym żeby animacja włączała się dopiero po wyświetleniu na ekranie diva ".wrapper3" a nie odrazu po załadowaniu strony