snowdream

前言

background属性实际上和font、animation、transition等属性一样，是一个缩写属性；实际上是由多个相关的属性组成的。

平时我们可能用的多就是填个背景色或者背景图地址上去，偶尔再调个背景图适应，也就没怎么关注过了。

不过把所有的background-*属性了解一下，会帮助我们更加的理解背景的本质，关键时候就不怕各种微调了。

前言

箭头函数的设计目的就是替代函数表达式及匿名函数在某些场景的应用，使用箭头函数能够更加简洁明了地描述匿名函数和函数表达式！

箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。

—— MDN

前言

CSS渐变色实际上是一种特殊的<iamge>类型，因此可以被用在任何可以使用<image>类型数据的属性中！而在CSS中，渐变有分为以下几种：

• 线性渐变：对应linear-gradient()函数。
• 径向渐变：对应radial-gradient()函数。
• 圆锥渐变：对应conic-gradient()函数。
• 重复渐变：对应repeating-linear-gradient()和repeating-radial-gradient()函数。

渐变色的特点就是沿着某一方向，从一种颜色逐渐变化到另一种颜色（两种或两种以上颜色）；关键就在于渐变颜色个数、对应的位置，空间上是如何变化的。

前言

总体上来说，animation的效果比transition的效果更加丰富和可控；有一些动画属性实际上是和渐变里面的效果是一致的；

前言

从效果上来看，过渡效果有点像css动画的简化版，即默认两个关键帧（初始和结束），有点像指定了@keyframes里面的from和to，其它的过渡属性跟动画属性的效果大都一致。这种效果实际上就是两个关键帧之间的补间动画。