视觉连续动画轻量级模态框（Modal）插件 – cta.js

4月 22, 2015 发表于: HTML & CSS. 评论

Sponsor

上次和大家介绍过《舒适的全屏式的弹窗jQuery插件 – animatedModal.js》效果不错，而今天再次介绍一个 Modal 模态框 cta.js 插件，它只有1.2KB大小，纯JS编写，不需要jQuery插件，此外还多了一个特色，就是拥有视觉连续动画，不明视觉连续的请看下面的演示。

看下面的GIF图，当我们点击左边的绿色区域时，弹窗的动画是从左边绿色区域然后慢慢放大，点击右侧区域时，就从右侧开始变大，这可以把动画称为“视觉连续”，这样的好处就是可以更好的引导用户视线，提升一点用户体验。

按钮方式：

侧边栏方式：

插件名称：cta.js
演示&下载：http://kushagragour.in/lab/ctajs/

推荐：查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流：为设计新人提供的设计交流群，请加入UI设计交流群，分享经验、接单、求职、聊设计。

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。

视觉连续动画 轻量级模态框（Modal）插件 – cta.js