CSS图书馆 » HTML & CSS » 视觉连续动画 轻量级模态框(Modal)插件 – cta.js

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

发表于: HTML & CSS. 评论
Sponsor

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

cta.js演示

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

按钮方式:

侧边栏方式:

插件名称:cta.js
演示&下载:http://kushagragour.in/lab/ctajs/
推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }