Visualizzazione dei risultati da 1 a 3 su 3

Discussione: "ancoraggio" immagine

  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2016
    Messaggi
    5

    "ancoraggio" immagine

    Ciao a tutti,
    volevo chiedere un aiuto: è possibile impostare l' "ancoraggio" di un' immagine ?
    Mi spiego meglio, quando passo sopra l'immagine con l'hover del css modifico le proprietà heigth e width in modo da ingrandirla, tuttavia l'immagine essendo ancorata all'angolo in alto a sinistra si ingrandisce solo verso il basso a destra...
    C'è modo di ovviare a questo problema ??

    grazie..

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,690
    Ciao e benvenuto.
    Se intendi ridimensionare l'immagini in modo che il suo punto di origine sia al centro, puoi usare semplicemente il metodo scale() per la proprietà transform anziché agire su width e height.

    Ti basta quindi avere una cosa del genere:
    codice:
    img{
      transform: scale(1);
      transition: transform .3s;
    }    
    img:hover{
      transform: scale(1.2);
    }
    Per maggiori informazioni sulla proprietà transform puoi iniziare a dare uno sguardo a questa guida: http://www.html.it/pag/19469/trasformazioni-css3/
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2016
    Messaggi
    5
    Grazie mille !!

Tag per questa discussione

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.