figure以及figcaption标签
transform以及transition
transform为css3属性,主要用于元素的变形处理
属性:translate,rotate,scale,skew
translate:指定对象的2D translate(平移)。第一个参数对应X轴,第二个参数对应Y轴。如果第二个参数为提供,则默认值为0,例如translate(10px,10px)
rotate:指定对象的2D旋转,需要有transform—origin属性的定义。例如:rotate(90deg),transform-origin:0 0;默认为中心点。
scale:指定对象的2D缩放,第一个参数对应X轴,对二哥参数对应Y轴,如果第二个参数未提供,则默认取第一个参数的值。
skew:指定对象的skew transformation(斜切扭曲)。第一个参数对应X轴,第二个参数对应Y轴。如果第二个参数未提供,则默认值为0.例如skew(50deg,20deg)。
transition为css3属性,主要用于元素的过渡动画处理
属性:property,duration,timing-function,delay。
property:检索或设置对象中的参与过度的属性
duration:过渡动画的持续时间
timing-function:检索或设置对象中过渡的动画类型。(linear,ease,ease-in,ease-out,ease-in-out)
delay:检索或设置对象延迟过渡的时间