抱歉,您的浏览器无法访问本站

本页面需要浏览器支持(启用)JavaScript


了解详情 >

昨天早上看blueedge大佬的首页真的好看,试试做个卡片折叠效果,这一试就试了一整天,今天总结一下。

梦开始的地方

先欣赏一下blueedge大佬的页面:Blue Edge

img

动手实践

因为自己写的(乱写的)各种问题,菜菜的我准备看看大佬的写法,奈何百度搜不出来这种卡片样式,(语文不好描述不出来)找到了个老外写的,这代码写的很流畅,让这么菜的我都看懂了。。。

当时搜到好多模板网站,全是要钱付费的。 直到我搜到了http://sc.chinaz.com/站长之家,免费下载的。 不过进去之后发现作者的名字和一个外国网站都在main.js里,哈哈哈 发现宝藏!http://www.codrops.com

14种炫酷堆叠卡片切换动画特效 (jq22.com)

因为动画很像,我照着大佬的写法,勉强做出来了,贴到jsrun.net了,我就不在这赘述了。

折叠卡片动画 demo源码预览下载- JSRUN

评论