鼠标移动到div上，div中的img放大
生活随笔
收集整理的這篇文章主要介紹了
鼠标移动到div上，div中的img放大
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html><head> <meta charset="UTF-8" /> <title>鼠標移動到div上，div中的img放大</title> <style>#photo1{overflow: hidden;width: 411px;height: 548px;cursor:pointer;float:left;margin-top: 50px;margin-left: 350px;}#photo2{cursor:pointer;float:right;margin-top: 50px;margin-right: 350px;}img:hover{transition: .5s transform;transform: scale(1.15);}.tupian{width: 411px;height: 548px;}</style> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /></head> <body> <div id="photo1"> <img class="tupian" src="https://oscimg.oschina.net/oscnet/up-4a0qevvchq1b47hg0cxjhkxxzhn0jf5j" /> </div> <div id="photo2"> <img class="tupian" src="https://oscimg.oschina.net/oscnet/up-4a0qevvchq1b47hg0cxjhkxxzhn0jf5j" /> </div> </body>
</html>
?
總結
以上是生活随笔為你收集整理的鼠标移动到div上，div中的img放大的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 轻松查看连接人数-如何查路由器连接人数
- 下一篇： position的四种属性