原文：https://www.cnblogs.com/Twobox/p/16791412.html熵熵：表述一个概率分布的不确定性。例如一个不倒翁和一个魔方抛到地上，看他们平稳后状态。很明显，魔方可能有6种状态，而不倒翁很大可能就一个状态，那么我们说在这种情况下，不倒翁的确定性高于魔方。也就是魔方的熵大于另外一个。那么我看表达式：\(H(p)=-\sum_i^nP_ilogP_i\)很明显，当p的概率是0或1时，没有不确定性，熵值为0。当为0.5时，熵最大，最不确定。相对熵https://zhuanlan.zhihu.com/p/372835186zui两个分布相似度的一种度量定义：性质：D(

CSStransition属性详解点击打开视频讲解更详细定义和用法transition属性是一个简写属性，用于设置四个过渡属性：transition-property 规定设置过渡效果的CSS属性的名称。transition-duration 规定完成过渡效果需要多少秒或毫秒。transition-timing-function 规定速度效果的速度曲线。transition-delay 定义过渡效果何时开始。默认值： all0ease0注释：请始终设置transition-duration属性，否则时长为0，就不会产生过渡效果。transition-property属性定义和用法transit

CSStransition属性详解点击打开视频讲解更详细定义和用法transition属性是一个简写属性，用于设置四个过渡属性：transition-property 规定设置过渡效果的CSS属性的名称。transition-duration 规定完成过渡效果需要多少秒或毫秒。transition-timing-function 规定速度效果的速度曲线。transition-delay 定义过渡效果何时开始。默认值： all0ease0注释：请始终设置transition-duration属性，否则时长为0，就不会产生过渡效果。transition-property属性定义和用法transit

在各种短视频界面上，我们经常会看到类似这样的点赞动画：非常的有意思，有意思的交互会让用户更愿意进行互动。那么，这么有趣的点赞动画，有没有可能使用纯CSS实现呢？那当然是必须的，本文，就将巧妙的借助transition，仅仅使用CSS完成这么一个点赞动画。实现不同表情的不断上升如果使用纯CSS实现这一整套动画的话。我们首先需要实现一段无限循环的，大量不同的表情不断向上漂浮的动画。像是这样：这个整体还是比较容易实现的，核心原理就是同一个动画，设置不同的transition-duration，transition-dalay，和一定范围内的旋转角度。我们首先要实现多个表情，一个DOM标签放入一个随机

在各种短视频界面上，我们经常会看到类似这样的点赞动画：非常的有意思，有意思的交互会让用户更愿意进行互动。那么，这么有趣的点赞动画，有没有可能使用纯CSS实现呢？那当然是必须的，本文，就将巧妙的借助transition，仅仅使用CSS完成这么一个点赞动画。实现不同表情的不断上升如果使用纯CSS实现这一整套动画的话。我们首先需要实现一段无限循环的，大量不同的表情不断向上漂浮的动画。像是这样：这个整体还是比较容易实现的，核心原理就是同一个动画，设置不同的transition-duration，transition-dalay，和一定范围内的旋转角度。我们首先要实现多个表情，一个DOM标签放入一个随机

一、transition（过渡、转变的意思）transition属性是一个简写属性，用于设置四个过渡属性：1.transition-property：设置过渡效果的属性名称（默认值是all）；2.transition-duration：设置过渡完成所需要的时间（默认值是0）；3.transition-timing-function：设置过渡速度效果曲线（默认值是ease）；4.transition-delay：设置过渡的开始时间（默认值是0）；语法：transition:propertydurationtiming-functiondelay;注意：这里transition-duration是

一、transition（过渡、转变的意思）transition属性是一个简写属性，用于设置四个过渡属性：1.transition-property：设置过渡效果的属性名称（默认值是all）；2.transition-duration：设置过渡完成所需要的时间（默认值是0）；3.transition-timing-function：设置过渡速度效果曲线（默认值是ease）；4.transition-delay：设置过渡的开始时间（默认值是0）；语法：transition:propertydurationtiming-functiondelay;注意：这里transition-duration是

css3中transition和animation都能够实现动画效果，所谓动画本质就是物体的一种状态变换成另外一种状态的过程呈现，我们可以结合2D或者3D变换做出很多酷炫的动画，下面针对这四部分分别做一个用法上的小结。一、Transition过渡1.定义过渡动画：是从一个状态渐渐地过渡到另外一个状态经常:hover等等一起搭配使用，也就是说一般会经过一个动作触发之后，再进行变换。2.用法transition:要过渡的属性花费时间运动曲线何时开始;属性：想要变换的css属性，宽度、高度、背景颜色、内外边距都可以，如果想要所有的属性都变化过渡。花费时间：单位是秒（必须写单位）比如0.5s运动曲线：

css3中transition和animation都能够实现动画效果，所谓动画本质就是物体的一种状态变换成另外一种状态的过程呈现，我们可以结合2D或者3D变换做出很多酷炫的动画，下面针对这四部分分别做一个用法上的小结。一、Transition过渡1.定义过渡动画：是从一个状态渐渐地过渡到另外一个状态经常:hover等等一起搭配使用，也就是说一般会经过一个动作触发之后，再进行变换。2.用法transition:要过渡的属性花费时间运动曲线何时开始;属性：想要变换的css属性，宽度、高度、背景颜色、内外边距都可以，如果想要所有的属性都变化过渡。花费时间：单位是秒（必须写单位）比如0.5s运动曲线：