CSS clip 属性定义和用法clip 属性剪裁绝对定位元素。写法clip: rect (top, right, bottom, left);，CSS3 transition 过渡CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。浏览器支持Internet Explorer 10、Firefox、Chrome 以及 Opera 支持 transition 属性。
方法/步骤
2
第二组特效：A标签只做定位盒子，内置2个span标签(s1,s2)s1拥有灰色背景，s2拥有橙色背景，同时加上Css3 transition过渡s1左右裁剪都0，上下裁剪都为100%，所以s1默认是可以全部看到的s2右裁剪值为0，所以s2默认全部被裁剪，看不见鼠标移入，s1左裁剪值变为100%，从左到右被遮住，加上Css3时间过渡，于是形成动画同时，s2右裁剪值变为100%，从左到右显露出来，与s1同步然后，鼠标移出就刚好相反。最后是用简单的jquery模仿了焦点图的制作，加上自动播放，于是可以和焦点幻灯特效一起使用，但缺点是图片只能是三张。
3Css clip+transition制作裁剪动画
下面是代码：
/************ 分割线 ****************/