Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Trasformazioni/animazioni

    Salve a tutti,
    qualcuno saprebbe spiegarmi perchè in questo modo l'immagine che metto non ha nessun effetto di trasformazione? (ne con Safari ne con Chrome)

    HTML


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Documento senza titolo</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    </head>

    <body>
    [img]../../Documents/The last/img/adashino.png[/img]
    </body>
    </html>


    CSS

    @charset "UTF-8";
    /* CSS Document */

    a:hover img{
    -webkit-transform: scale(1.3);
    }





    Vorrei che l'immagine in questione si ingrandisse al passaggio del mouse (se uso la funzione rotate() al posto che scale() non ho comunque nessun effetto )

    Vi prego aiutatemi, sto impazzendo

    Grazie anticipatamente!

  2. #2
    Utente di HTML.it L'avatar di Experiment8
    Registrato dal
    Jun 2012
    residenza
    Milano
    Messaggi
    254
    la proprietà di transform va messa sull'immagine non all'hover, e poi all'hover ci metti la dimensione che vuoi raggiunga...

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 © 2026 vBulletin Solutions, Inc. All rights reserved.