- See more at: [URL='https://lumtu.com/yti/dAHHAdWZodHRwOi8vY29yZWxhbmdzLmNvbS9jc3MvYm94L3pvb20uaHRtbCNzdGhhc2gucFhESW9DaG8uZ8Ga']http://www.corelangs.com/css/box/zoom.html#sthash.pXDIoCho.dpuf[/URL]
Code (markup):
<!DOCTYPE html> <html > <head> <style type="text/css"> .frame { height: 200px; width: 200px; overflow: hidden; } .zoomin img { height: 200px; width: 200px; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; transition: all 2s ease; } .zoomin img:hover { width: 300px; height: 300px; } </style> </head> <body> <div class="zoomin frame"> <img src="img/zimage.png" title="Масштабирование при наведении с помощью перехода с помощью CSS" /> </div> </body> </html>
Код (разметка):
Привет, мне нужна помощь с этим... кажется, что масштаб не пропорционален! почему? может кто-нибудь мне помочь.!
