CSS3实现的动态堆栈显示卡片的效果 -CSS代码 -演示与下载 -时代Java

DesignLovr Demo

Card 1

Name: Toucan
Age: 5
Size: 50 cm
Weight: 600 g
Food: Fruit
Toucan lives in southern and central America and loves to fly around
Card 2

Name: Fox
Age: 3
Size: 70 cm
Weight: 5.5 kg
Food: Meat
Fox lives in the northern hemisphere and loves to play seek and hide
Card 3

Name: Dog
Age: 8
Size: 120 cm
Weight: 10 kg
Food: Bones
Dog lives in a dog hut and loves to chew shoes, bark and go for walks
Card 4

Name: Penguin
Age: 20
Size: 110 cm
Weight: 35 kg
Food: Fish
Penguin lives where it's cold and icy and loves to swim and dive
Card 5

Name: Lion
Age: 12
Size: 190 cm
Weight: 180 kg
Food: Meat
Lions lives in Africa and loves to sleep most of the day and hunt sometimes

下载代码说明

一个纯CSS3实现的动态卡片式菜单导航效果

一个纯CSS3实现的动态卡片效果，卡片层叠堆放，鼠标滑过任意卡片，卡片突出显示,IE下显示效果不明显.请用火狐浏览器或谷歌浏览器查看。具备动画效果的上算式导航菜单效果。