关于图片的一些方法

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。