2020年10月20日
摘要: 相比css2,css3增加了background-size,background-clip,background-origin,这些属性可以连写,也可以分开写,如果是连写,则size必须在position后面,且用/隔开,即background-position/background-size。 b 阅读全文
posted @ 2020-10-20 13:36 紅葉 阅读(299) 评论(0) 推荐(0) 编辑
摘要: animation语法 animation-name:是用来定义一个动画的名称,其主要有两个值:IDENT是由Keyframes创建的动画名,换句话说此处的IDENT要和Keyframes中的IDENT一致,如果不一致,将不能实现任何动画效果;none为默认值,当值为none时,将没有任何动画效果。 阅读全文
posted @ 2020-10-20 10:59 紅葉 阅读(451) 评论(0) 推荐(0) 编辑
摘要: transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。transition包含4个属性值:执行变换的属性:transition-property,变换延续的时间:transition- 阅读全文
posted @ 2020-10-20 09:04 紅葉 阅读(729) 评论(0) 推荐(0) 编辑
摘要: transform分为旋转(rotate),移动(translate),缩放(scale),扭曲(skew),矩阵(matrix)五种: rotate:旋转角度为负数的时候为逆时针旋转,为正数的时候为顺时针旋转。 scale:缩放基数为1,大于1为放大,小于1为缩小。 所有的改变基点默认都是元素的中 阅读全文
posted @ 2020-10-20 09:03 紅葉 阅读(702) 评论(0) 推荐(0) 编辑