切图秀 什么是切图秀?作品实现原理使用方式 介绍
温馨提示:该项目只部分代码开源,开源部分遵循开源协议 GPL。未开源部分请咨询作者后使用。
什么是切图秀?
我们把切图秀定义为基于 html5+css3
前端切图实现的微场景秀。并且开源切图秀的基础项目,它提供了一个可靠的基础去创建你的项目,你只需要发挥你的创意去组合动画。
作品
切图秀被用在了很多项目中,例如跟我们合作的汉口银行,肌肤管家,以及安以轩结婚请帖。
实现原理
切图秀基于jquery.fullpage,并且加以改造,融合了非常强大的css3动画库animate.css,通过非常简单的方式可以实现不同动画的调用。
使用方式
在head区域加入
<link rel="stylesheet" type="text/css" href="css/animate.css"/> <link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css"/> <link rel="stylesheet" type="text/css" href="css/qtx.css"/>
在