Load the animation just when it apperas on the pag

legendary003
Thu, 25 Sep 2025 14:15:51 +0000
General

When the page loads, the div design makes the animation starts below. If I page down, the div animation already starts.
I would like an code that the animation just appear when shows by the page.







body {
	font-family: Arial;
}

.design_meio_1 {
	border-radius: 15px 50px;
	background-image: linear-gradient(#B31E23,#c0c0c0);
	padding: 22px;
	font-family: Arial;
	text-align: left;
	position: relative;
	opacity: 0;
    top: 80;
    -webkit-transform: translate( 0, 0 );
    -webkit-animation: movimento1 1s 1s linear forwards;
    transform: translate( 0, 0 );
    animation: movimento1 1s 1s linear forwards;
    margin-bottom: 100px
}

@keyframes movimento1 {
	80% {
	    top: 0;
	  }
	100% {
	    top: 0;
	    opacity: 1;
   }
 }

@-webkit-keyframes movimento1 {
	80% {
	    top: 0;
	  }
	100% {
	    top: 0;
	    opacity: 1;
   }
 }




























































































Criação e
Atualização de Web Sites


. Textos Elaborados;
. Design Criativo;
. Público Alvo;
. Hospedagem Grátis;
. Padrão: R$1.500;
. 5xR$300;










7 posts - 3 participants