H5C3
文章平均质量分 75
残丶梦
这个作者很懒,什么都没留下…
展开
-
H5C3(transition过度)
transition过渡1. 过渡是怎么回事假如某个css属性 P,它有一个初始值a,再设一个初始值b。指定P属性是可以过渡显示的,那么当P从a变到b时,会有一个动画的效果。注意: 伪类的过渡会还原,非伪类元素动画执行完成后,会保存动画完成时的状态transtion的几个属性: transition-property: 就是上面那个P,比如说你指定width发生变化, 就填width;transi...原创 2018-02-22 13:13:21 · 3143 阅读 · 0 评论 -
H5C3(渐变)
渐变介绍CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的颜色过渡。通过使用 CSS3 渐变(gradients)渐变(gradient)是由浏览器生成的, 以前实现类型的效果要使用图片CSS3 定义了两种类型的渐变(gradients):线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向径向渐变(Radial Gradients)- 由...原创 2018-02-22 13:35:33 · 2480 阅读 · 1 评论 -
H5C3(背景)
背景css3中背景的新特性介绍c3中增强了背景的设置,可以设置背景的以下内容background-size: 背景的大小background-position: 背景起始显示的位置(x和y方向)一个盒子可以设多个背景图片背景size设置比如盒子是100 * 100. 背景图片是 200*200. 可以通过设置背景图片的大小,来适应盒子background-sizeauto: 背景图像的真实大小。 ...原创 2018-02-22 13:50:12 · 654 阅读 · 0 评论 -
H5C3(变换)
变换缩放scale(): 指定对象的2D scale(2D缩放)。第一个参数对应X轴,第二个参数对应Y轴。如果第二个参数未提供,则默认取第一个参数的值 scaleX(): 指定对象X轴的(水平方向)缩放 scaleY(): 指定对象Y轴的(垂直方向)缩放 以自己的中心点缩放平移translate(): 指定对象的2D translation(2D平移)。第一个参数对应X轴,第二个参数对应Y轴。如果...原创 2018-02-22 13:56:52 · 284 阅读 · 0 评论