CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

CSS3? Zoom sur image

TristeMerde
TristeMerde
Niveau 9
12 novembre 2013 à 22:44:12

Bonjour à tous,

Je suis à la recherche de comment faire un simple zoom sur une image en CSS. Je ne cherche pas à agrandir l'image mais bel et bien à ce qu'elle se "zoome" quand je la survole.

J'ai un exemple ici: http://www.solucior.com/fr/15-Zoom_en_CSS3.html

Pointer over here = ce que je ne souhaite pas faire
Bonhomme un slip = ce que je souhaite faire

Pas besoin de me le coder évidemment, je cherche juste des pistes car je sèche :hap:

Je vous remercie d'avance!

Pseudo supprimé
Pseudo supprimé 12 novembre 2013 à 22:58:12

J'en sais pqs grand chose mais place l'image dans une div et fais en sorte de n'agrandir que l'image lors du :hover sans influer sur la div :)

Sinon j'en sais rien à part grossir l'image :(

accelerate
accelerate
Niveau 50
12 novembre 2013 à 23:42:29

bin t'as le code dans l'exemple :doute:

.zoom avec une taille 200px et une transition: all .3s ease-out
.zoom:hover avec un transform: scale(2); (donc l'image passe de 200 à 400px)

quand tu passes dessus l'image s'agrandit et est animée par le css "transition"...

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Création de sites web
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment