Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Scorrimento immagine.

  1. #1

    Scorrimento immagine.

    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.
    Ultima modifica di Marcello (PT); 19-10-2024 a 12:54

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,749
    Ciao, puoi aggiungere al div la proprietà CSS overflow: hidden; (vedi documentazione)
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.