通常在一些网站的网页上需要展示人物的个人信息,人物信息卡片是其中的一种展示方式,所以这一次给大家带来《9种纯CSS3人物信息卡片动态展示效果》。先上页面截图:
源代码下载: 9种纯CSS3人物信息卡片UI设计效果
9种纯CSS3人物信息卡片动态展示效果
第一张图片的动画效果完成前后的对比:
动态效果完成之前
动态效果完成之后
由于篇幅原因其余的八张图片的动态效果完成前后的样子就不再展示了,有兴趣的童鞋可以点击:9种纯CSS3人物信息卡片UI设计效果源代码下载,获取本案例所有的源代码文件。
部分代码文件:
index.html
.9种纯CSS3人物信息卡片动态展示效果
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscin