小創意：圣誕球切換開關

Sponsor

還有幾天就到圣誕節，幾乎到哪里都能看到圣誕氣氛的設計，網站也是如此，為了讓網站頁面更有氣氛，我們不能放過任何小創意，即使是一個小小的切換開關元素。

大家請看下圖，這是來自 Chris Gannon 制作的圣誕球開關，使用 CSS + JS 實現，當然用純 CSS3 樣式代碼也能實現這樣的效果。

實例名稱：立體圣誕球節切換開關
在線預覽：https://codepen.io/chrisgannon/pen/ZaPmKp

一共有2個樣式，默認為紅色，點擊開關后，就會過渡到綠色，球體看似帶有立體感，在過渡的時候，星星圖案與背景都有動畫過渡特效，整體效果非常流暢好看。

這個創意可以用在圣誕主題的 APP UI界面或網頁上使用，雖然是很細微的創意，但對于專注細節的設計師，請不要放過這些idea~

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。