@grid: 7 / 100vw 100vh; background: transparent; background-image: @svg(@pick(<svg viewBox="0 0 100 100" fill="#ffffff" xmlns="http://www.w3.org/2000/svg"><circle cx="30" cy="30" r="30" /></svg>)); background-size: @rand(5, 15)%; background-repeat: no-repeat; filter: drop-shadow(0 0 10px #b4b3b2cc); opacity: 80%; position: absolute; @size: 10em; @place-cell: @rand(0, 20)% -20vh; left: @rand(-100, 100)%; animation: move 20s linear @rand(0, 20)s infinite; @keyframes move { 0% {transform: translateX(@rand(-10, -10)vw) translateY(0vh) rotate(@rand(0, 72)deg);} 25% {transform: translateX(@rand(-10, -10)vw) translateY(35vh) rotate(@rand(73, 144)deg);} 50% {transform: translateX(@rand(-10, -10)vw) translateY(70vh) rotate(@rand(145, 216)deg);} 75% {transform: translateX(@rand(-10, -10)vw) translateY(105vh) rotate(@rand(217, 288)deg);} 99.99% { transform: translateX(@rand(-10, -10)vw) translateY(140vh) rotate(@rand(289, 360)deg);} 100% { transform: translateX(@rand(-10, -10)vw) translateY(0vh) rotate(0deg);} }

熱門推薦

雙重防護,全面守護你的 iPhone 16

不再是單一防護!3D 壯撞貼 PRO 與玻璃鏡頭保護貼的雙重防護,讓你的 iPhone 16 保持最強狀態

重新定義防護

重新定義防護

3D 壯撞貼 PRO 提升 5 倍抗衝擊力,玻璃般觸感,卓越的防刮保護。抗靜電技術阻止灰塵附著,保持螢幕如新,有效過濾藍光,提升使用舒適度

了解更多
輕鬆換貼,清晰如初

輕鬆換貼,清晰如初

全新升級!2.7 倍防護,卓越的鏡頭防爆耐用保護。新增拆卸工具,輕鬆換貼。防霧防凝結,保持照片清晰。完美契合 iPhone 16 新色

了解更多

設計系列

未來,並非理所當然

未來是當下每一個選擇的總和,犀牛盾從單一材料選用,到環保包裝改版,在實踐著環境永續的使命。讓我們進一步探索犀牛盾邁向凈0未來的行動計畫。

了解更多