图片缩放效果
来源:互联网 发布:spring mysql 读写分离 编辑:程序博客网 时间:2024/06/05 05:36
<style>
* {
padding: 0;
margin: 0;
}
.warp {
border: 1px solid red;
margin-top:100px;
overflow: hidden;
display: inline-block;
height:300px;
width:300px;
}
.warp img {
-webkit-transition:all 1.05s linear;
-moz-transition:all 1.05s linear;
transition:all 1.05s linear;
margin:0 auto;
}
.warp img:hover{
transform: scale(1.05);
}
</style>
</head>
<body>
<div class="warp">
<img src="imager/index_wwz019.jpg" alt="">
</div>
</body>
* {
padding: 0;
margin: 0;
}
.warp {
border: 1px solid red;
margin-top:100px;
overflow: hidden;
display: inline-block;
height:300px;
width:300px;
}
.warp img {
-webkit-transition:all 1.05s linear;
-moz-transition:all 1.05s linear;
transition:all 1.05s linear;
margin:0 auto;
}
.warp img:hover{
transform: scale(1.05);
}
</style>
</head>
<body>
<div class="warp">
<img src="imager/index_wwz019.jpg" alt="">
</div>
</body>
0 0
- 图片下拉缩放效果
- 图片缩放效果
- 图片下拉缩放效果
- onmousewheel event缩放图片效果
- 鼠标滚动缩放图片效果
- 图片旋转缩放翻转效果
- Android图片缩放效果代码
- JavaScript图片 向下闪缩放的效果
- J2ME图片缩放和透明效果
- android仿快图浏览,图片缩放移动效果
- jQuery实现图片展开缩放的效果
- android图片缩放双击旋转效果
- WPF 图片被点击后缩放效果
- 用JavaScript实现图片缓慢缩放效果
- iOS 转场动画_NAV_图片缩放效果
- javascript图片切割效果(带拖放、缩放效果)
- JavaScript 图片切割效果(带拖放,缩放效果)
- JavaScript 图片切割效果(带拖放、缩放效果)
- 去掉 phpwind 8.7 敏感词提示
- java格式化数字DecimalFormat
- LeetCode(124) Binary Tree Maximum Path Sum解题报告
- 同步与异步
- Android中Activity“四种”启动模式+
- 图片缩放效果
- 反转链表
- 玩转mui四个步骤
- NSIndexSet
- IOS开发 生成二维码
- MySQL集群的几种方案
- Changing the Password for admin@internal
- Netcat 命令--网络工具中的瑞士军刀
- CUDA学习笔记之 CUDA存储器模型