MZH

CSS的高级特效----形状（Shapes）CSSShapes包含两组属性，shape-outside和shape-inside。（但本文不涉及讲shape-inside）shape-outside有

不多说先上图，如下图其实上图实现的水波浪的效果并不是让蓝色部分的水动，而是使白色区域变化（让两个椭圆绕Z轴旋转）那么我们先在html用一个div做一个杯子，下面是div的样式代码然后通过溢出隐藏，使用

度量Web性能的一个重要指标就是页面内容实际显示在屏幕上需要多久。这个指标有时候也叫“渲染时间”或者“上屏时间”。现代浏览器在屏幕上渲染之前，至少需要两样东西：HTML和CSS。这意味着让浏览器尽快下

继承是很有用的机制，有了它就可以避免给一个元素的所有后代重复应用相同的样式。如果你要设置的属性是一个继承属性，那么应该考虑是否直接设置到父元素上。 合理的使用继承，有助于减少选择符的数量，降低复杂性。 不过，如果有大量的元素继承了各种不同的样式，那么查找样式的来源也会比较麻烦。…

渐变你还记得吗

实现图片的两面翻转,效果如下图主要是使用背面隐藏(backface-visibility:hidden;)实现图片的两面翻转首先在body中一个div中放置两个图片img下面设置div的尺寸和图片一致