Salve a tutti. Sono alle prese con un problema che non so risolvere.
Nella pagina:
https://www.marmari.org/newporr/NOTI.../animazio.html
ho inserito due animazioni.
La prima in alto con marquee, che non voglio usare
La seconda, in basso, con CSS.
Non riesco a fare in modo che la seconda si comporti come la prima, ossia: che appaia e scompaia all'interno del contenitore.
Il codice che ho usato è questo, ho provato a cambiare i parametri ma non riesco a fare altrettanto.
<!DOCTYPE html>
<html>
<head>
<title>Animazione immagine CSS</title>
<style>
.immagine-animata {
position: relative;
left: 0;
animation: move-right 8s ease-in-out infinite;
}
@keyframes move-right {
0% {
left: 100%;
}
}
</style>
</head>
<body>
<div style="position: absolute; left:350px; width:1000px; top:200px; background-color: #aaaaaa;">
<marquee direction="left" scrollAmount="10"><a><img src="img/646.gif" border="0" ></a></marquee>
</div>
<div style="position: absolute; left:350px; width:1000px; top:400px; background-color: #aaaaaa;">
<img src="img/646.gif" class="immagine-animata">
</div>
</body>
</html>
GRAZIE.
Rispondi quotando
