Sliding Image Panels with CSS3

还有种方法不用动画,就是4块镜框,只看单独的一块吧,其他3个先不用考虑. 之前的方式一 是镜框check的在其中显示,没check的在左面. check后交换位置. 入场用transition 动画入场一定要写none;出场用动画往右走. 方式二 check的zindex高 没check的低. check的left=0 leftmargin=0 没check的left=-150 margin-left=150 也就是他先向左走150,又因为margin回到原位,但他在被check的下面. 点击时候交换 原来没check变成check浮到上面 margin在慢慢减少到0看起来是慢慢变宽 同时定位也从负数变成0看起来是慢慢从 左侧划过占满.