android 卡片收缩展开,jQuery和CSS3炫酷堆叠卡片展开和收缩特效

插件描述：这是一款效果超酷的jQuery和CSS3堆叠卡片展开和收缩特效。该图片特效开始的时候卡片被堆叠在一起，当用户点击最上面的卡片的时候，堆叠图片以各种动画方式展开。展开后再点击任意卡片，它们又会收缩堆叠起来。

制作方法

HTML结构

该堆叠卡片共设计了4种效果，第一种效果的HTML结构采用无序列表结构，每一个

元素中放置一张图片和一个用于图片描述的div.content元素。

• Slide right

• Card 1 Title

  Card description

• Card 2 Title

  Card description

• Card 3 Title

  Card description

CSS样式

第一种卡片效果的每张卡片的基本样式如下：ul.cards {

width: 660p