[置顶] 关于图片的一些方法
2016-09-29 16:16
211 查看
1.图片作为背景:
(1)当图片作为背景:
background-size:100% 100%; //设置百分比使图片自适应大小。
background-size:cover;/最长边适应
background-size:container;/以最短边适应
(2)可以设置背景图片的起始位置:
background-origin:content-box;
background-origin:border-box;
background-origin:padding-box;
2.图片hover效果:
.div img{ transition:all 0.5s} .div:hover img{ transform:sacle(1.2);}
显示隐藏动画使用opacity:0;代替display:hidden。
(1)当图片作为背景:
background-size:100% 100%; //设置百分比使图片自适应大小。
background-size:cover;/最长边适应
background-size:container;/以最短边适应
(2)可以设置背景图片的起始位置:
background-origin:content-box;
background-origin:border-box;
background-origin:padding-box;
2.图片hover效果:
.div img{ transition:all 0.5s} .div:hover img{ transform:sacle(1.2);}
显示隐藏动画使用opacity:0;代替display:hidden。
相关文章推荐
- Web关于图片上传,缩略图及加水印,还有一些常用的方法
- Visual Studio 2017中使用正则修改部分内容 如何使用ILAsm与ILDasm修改.Net exe(dll)文件 C#学习-图解教程(1):格式化数字字符串 小程序开发之图片转Base64(C#、.Net) jquery遍历table为每一个单元格取值及赋值 。net加密解密相关方法 .net关于坐标之间一些简单操作
- 关于图片处理的一些方法
- iOS 关于图片处理的一些方法。。。
- Android关于图片处理的一些方法
- android中关于图片操作的一些方法
- [置顶] Numpy:关于Numpy中一些使用方法的详细解释——Jason niu
- 关于Android加载图片时的OOM的一些解决方法和优化
- 关于Android加载图片时的OOM的一些解决方法和优化
- 关于.net在生成压缩图片时的2种方法的效果比较
- 关于培养色感,自己的一些方法
- 关于计时的一些方法
- 关于ExpressQuantumGrid4的cxGrid的一些使用方法
- 关于无线数据传输中产生的流量的一些计算方法以及问题!
- 关于日期方面的一些方法和函数
- 关于静态方法和实例方法的一些误区。
- 关于JAVA垃圾收集器与类的finalize()方法的一些总结
- 关于内核调试的一些方法
- 关于线程同步的一些方法
- Delphi关于多线程同步的一些方法