effetto zoom

[xabila]

Salve, velocissima domanda, come da titolo mi chiedevo se nei vari CSS3 ci fosse la possibilità di una sorta di effetto zoom sulla foto, magari su può ingrandire al passaggio del mouse mantenendo il div contenitore di invariata dimensione?

Grazie in anticipo per l'eventuali risposte, sentiti saluti,

Francesco M.

[Mich_]

Si puo` da sempre (cioe`: da quando si puo` definire :hover su oggetti diversi dai link).

Esempio grezzo:

div {
  width: ...px;
  height: ...px;
}
div img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
div img:hover {
  width: 120%;
  height: 120%;
}

Non so se ho interpretato bene la domanda.

[xabila]

Si puo` da sempre (cioe`: da quando si puo` definire :hover su oggetti diversi dai link).

Esempio grezzo:

div {
  width: ...px;
  height: ...px;
}
div img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
div img:hover {
  width: 120%;
  height: 120%;
}

Non so se ho interpretato bene la domanda.

No mi dispiace, il comando da te indicato lavora sulla scala del div aumentandone per tanto la dimensione e non è ciò che mi interessa.

Io cerco di ricreare un effetto move camera on, non so se mi spiego una progressiva sulla foto non un ingrandimento della stessa o del suo contenitore.

Grazie comunque per la risposta.

Francesco M.