I would like an code that the animation just appear when shows by the page.
<html>
<head>
<meta name="viewport" content="width=device-width, inicial-scale=1">
<meta name="keywords" content="carlos web,soluções web,soluções,serviços,web design,hospedagem grátis,hospedagem,panfletos,placas,banner,banners,fachada,fachadas,papéis de parede,wallpaper,wallpapers,documento,documentos,meios publicidade,imagens para redes sociais,redes sociais,cartão de visitas,slides powerpoint,planilhas excel,powerpoint,excel">
<meta name="description" content="Carlos Web (Soluções Web). Serviços">
<title>Carlos Web\Serviços</title>
<link rel=”canonical” href=”https://www.carloswebdesigns.com.br” />
<style>
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;
}
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<center>
<div class="design_meio_1">
<br>
<br>
<span style="font-weight: bold; color: yellow;">Criação e<br>
Atualização de Web<br>Sites</span><br>
<br><br>
<span" style="font-weight: bold; color: black;">
. Textos Elaborados;<br>
. Design Criativo;<br>
. Público Alvo;<br>
. Hospedagem Grátis;<br>
. Padrão: R$1.500;<br>
. 5xR$300;<br>
</span>
<br>
<br>
</div>
</center>
</body>
</html>
