object-fit:指定可替换元素的内容应如何适应到需使用的高度和宽度确定的框平时写代码经常会在代码中插入图片，你是否会多少感觉插入的图片被拉伸或是被缩放，在这里我们就探讨object-fit对图片处理的应用 语法及作用 fill (充满) 整个对象将完全填充内容框。当对象的宽高与内容框不匹配，该对象将被拉伸以适应内容框示例：object-fit:fill; contain (包含) 内容将被缩放，以保持填充元素的宽高比。该对象在填充的时保持长宽比，...
既然是实现圆形图片，原始图片肯定不是圆形的喽，一般来说是正方形的，如何用CSS实现突破圆形呢？经过查找，找到了方法如下：圆形图片的代码:复制代码代码如下:<div style="width:120px; height:120px; border-radius:50%; overflow:hidden;"> <img src="avatar.png" alt="正方形的原始图片" /></div>原文：http://www.jb51.net/css/152445.html
CSS3 增加了filter，即过滤功能，此功能非IE得filter 我想光看上面的效果就能吸引你了，要是你自己动手的话，我想您更会感到神奇。细一看，这些效果就像是photoshop整出来的一样，其实是真是这样的，有很多效果都是类似于photoshop中的特效。不过有一点大家需要特别的注意：此处的CSS3 filter和css filter完全是两样东东。更不是我们一直说的IE滤镜。具体所指的是什么？大家感兴趣的可以点击这里。我就不多说了，因为说也说不清...