最新下載
夢幻水族館
少女前線
星之翼
小花仙精靈樂園
餐廳萌物語
山河旅探
戀與製作人
最強腦3
異塵:達米拉
少年西遊記2
24小時閱讀排行榜
- 1 Uniswap (UNI) 大額交易大幅下滑,但市場情緒仍然相當樂觀
- 2 XRP 價格預測:XRP 能否觸及 1.00 美元大關?
- 3 Android - 將 .aab 檔案上傳到 Play 商店時出錯
- 4 TypeScript:錯誤管理的新領域
- 5 隨著 10 月 9 日人工智慧市場的推出,人工智慧的未來即將邁出一大步。
- 6 What is Difference Between ContextApi and Redux
- 7 貝萊德執行長拉里·芬克分享對全球經濟、美國大選和基礎設施投資的看法
- 8 Rexas Finance (RXS):您不應錯過的 2500% 臥舖機會
- 9 介紹「Vanilla」-前端開發的全新視角
- 10 我的第一次全端黑客馬拉松:建立行動應用程式的經驗教訓
- 11 Encore.ts — faster than ElysiaJS & Hono
- 12 Preventing CSRF and XSS Attacks with JWT and Fingerprint Cookies in Express
- 13 您的 Discord 活動中缺少啟動按鈕?修復入口點指令!
- 14 Kaspa 幣:區塊鏈奇蹟
- 15 使用 Nuxt.js 衝過終點線:為您的電子商務商店產生 SSR 頁面、網站地圖和 Robots.txt
最新教學
-
- 國外Web開發全端課程全集
- 1450 2024-04-24
-
- Go語言實戰之 GraphQL
- 1728 2024-04-19
-
- 550W粉絲大佬手把手從零學JavaScript
- 3154 2024-04-18
-
- python大神Mosh,零基礎小白6小時完全入門
- 2677 2024-04-10
-
- MySQL 初學入門(mosh老師)
- 1607 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--十天精品課堂
- 2444 2024-03-29
透過CSS3自訂checkbox樣式來實現的一款CSS3立體感燈光開關按鈕動畫特效,切換開關可以改變頁面背景顏色,從而模擬燈光的開啟和關閉。
<defs>
<filter id="drop-stroke-shadow">
<fegaussianblur in="SourceAlpha" stddeviation="10"></fegaussianblur>
</filter>
<symbol id="stroke">
<text x="50%" y="67%" fill="none" stroke-width=".035em" stroke-linecap="round" stroke-linejoin="round" paint-order="stroke fill" text-anchor="middle">Shaded</text>
</symbol>
<symbol id="fill">
<text x="50%" y="60%" text-anchor="middle">Shaded</text>
</symbol>
</defs>
<g class="svg-text__shaded__stroke" stroke="#00cccc">
<use y="5%" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#stroke" opacity="0.5" filter="url(#drop-stroke -shadow)"></use>
<use y="3%" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#stroke"></use>
<use y="2%" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#stroke"></use>
<use y="1%" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#stroke"></use>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#stroke" stroke="cyan"></use>
</g>
<g fill="#e6e6e6">
<use class="svg-text__shaded" y="7%" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fill"></use>
<use y="6.5%" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fill"></use>
<use y="6%" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fill"></use>
<use y="5.5%" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fill"></use>
<use y="5%" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fill"></use>
<use y="4.5%" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fill"></use>
<use y="4%" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fill"></use>
<use y="3.5%" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#fill" fill="white"></use>
</g>