CSS3图片动态提示效果

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：检索或设置对象延迟过渡的时间