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群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。
«
»

{ 發表評論 }