目前位置：首頁 > 下載 > JS特效 > jQuery特效 > CSS3 SVG 3D立體陰影文字動畫特效

CSS3 SVG 3D立體陰影文字動畫特效

分類: JS特效 / jQuery特效	發佈時間: 2018-02-23	訪問量: 1539
下載: 19

點擊下載預覽效果

更多>

最新下載

‎夢幻水族館

《奇幻水族館》是一款奇幻冒險遊戲，讓玩家探索神祕的海底世界。在這個充滿想像的水族館中，玩家將扮演水族館管理員的角色，透過管理和照顧各種神奇生物來體驗奇幻世界的樂趣。遊戲特色：生物多樣：水族箱裡生活著各種奇幻生物，例如神秘的水晶魚、光芒美人魚等，每種生物都有獨特的外觀和特性。互動：玩家可以與水族箱中的生物互動、餵食、玩耍，甚至執行任務讓生物離你更近。裝飾施工：可依照自己的喜好裝飾水族箱，客製化

0 2024-05-08

《少女前線》是一款由SUNBORN Games開發的戰略角色扮演遊戲。在這個未來世界中，人類與機器人少女戰鬥著，你將扮演指揮官，帶領獨特的機器人少女部隊展開一連串驚心動魄的戰鬥。遊戲特色：龐大的機器人女孩陣營：收集並培養各種不同風格和能力的機器人少女，打造出屬於你自己的最強隊伍。深入的劇情設定：與機器人少女們展開交流並深入了解她們的故事背景，在戰鬥中為她們提供支持和鼓舞。精緻的戰鬥畫面：享受華麗的戰

832 2024-05-06

‎星之翼

《星之翼》是一款將機甲美少女元素與經典GVG格鬥玩法完美融合的3D競技遊戲。遊戲中，玩家將操縱擁有強大戰力的機甲美少女，在熱血沸騰的戰場上，展開激烈的1V1、2V2對戰，感受無與倫比的競技魅力。遊戲透過高精準度的3D建模技術，呈現出絢麗的畫面效果。每台機甲都獨具匠心，細膩刻畫了充滿科技感的機械構造與少女的柔美身姿，彷彿是一部活躍在掌間的動畫大片。美少女駕駛則各具魅力，不同的性格特徵透過語音和動作得

521 2024-05-06

‎小花仙精靈樂園

《小花仙精靈樂園》是一款充滿童趣和魔法的休閒遊戲，為廣大玩家帶來美好的遊戲體驗。在遊戲中，你將會扮演一位小花仙，與其他玩家一起進入精靈樂園，展開充滿驚喜的冒險之旅。遊戲特色：全新的魔法冒險：在更精緻的畫面下，享受全新的精靈樂園冒險。精美的遊戲畫面：遊戲中採用了3D最新技術，打造了唯美的遊戲畫面，讓玩家感受到全新的視覺震撼。各種各樣的活動：在遊戲中，玩家可以參加各種各樣的活動，並獲得大量遊戲獎勵。豐

703 2024-05-06

‎餐廳萌物語

《餐廳萌物語》是一款可愛的餐廳經營模擬遊戲。在這個遊戲中，你將扮演一位年輕的餐廳老闆，透過經營和管理餐廳，迎接一群可愛的萌物顧客，打造出一家獨特而繁忙的餐廳。遊戲特色：可愛的萌物顧客：遊戲中有各種可愛的動物人物作為顧客，每個動物都有自己的喜好和需求，你需要根據他們的喜好來提供最合適的菜餚。自訂餐廳：從裝潢到家具擺設，你可以根據自己的喜好和創意打造獨特的餐廳，吸引更多的顧客。多樣化的選單：遊戲中

574 2024-05-05

‎山河旅探

《山河旅探》遊戲介紹《山河旅探》是一款引人入勝的劇情向國風本格推理探案遊戲。這款遊戲巧妙地將傳統的中國文化元素與經典的推理探案玩法結合，為玩家呈現出一個充滿神秘與驚奇的遊戲世界。在遊戲中，玩家將飾演一名天才少年偵探，穿梭於山河之間，探索各種撲朔迷離的案件。每個案件都經過精心設計，充滿懸疑與挑戰，需要玩家運用智慧與觀察力，收集線索，推理出真相。遊戲的畫面風格獨特，採用了唯美的國風畫風，將古代中國的

946 2024-05-05

‎戀與製作人

《戀與製作人》是一款由Elex開發的女性向手機遊戲，是一款戀愛養成類型的遊戲。在這款遊戲中，你將扮演一名製作人，和四位各具特色的男主角展開浪漫之旅。遊戲特色：真人配音，還原最真實的劇情體驗。豐富的遊戲劇情，起伏的情感故事，讓你身臨其境。完美還原了AR遊戲的操作，讓你更能享受遊戲樂趣。獨特的遊戲玩法讓你更深入了解男主角，體驗不一樣的戀愛。透過任務和活動賺取道具，使用道具提升男主角屬性

519 2024-05-04

‎最強腦3

《最強大腦3》是一款刺激有趣的智力競技遊戲，挑戰你的大腦極限，展現你的智慧與技巧。在這個遊戲中，玩家將面對各種腦力挑戰，包括解密、推理、記憶等多種題材，讓你的大腦得到全方位的鍛鍊。遊戲特色：多樣化的挑戰題材，涵蓋解密、推理、記憶等多個領域，保證你不會感到無聊。豐富的關卡設計，難度逐漸增加，挑戰你的智商極限。多種遊戲模式可供選擇，單人挑戰、多人對戰，讓你與好友一同比拼智商。精美的畫面設計和音效，營造

869 2024-05-04

‎異塵：達米拉

《異塵：達米拉》遊戲介紹《異塵：達米拉》是一款引人入勝的全3D異星輕科幻禦宅塔防遊戲。在這個遊戲中，玩家將扮演阿圖姆號的長官，肩負起延續人類希望的重任，帶領一群充滿朝氣和活力的「新生」少女，踏上神秘的達米拉星，探索這顆綠色異星的一切。遊戲以獨特的科幻設定和精美的3D畫面為玩家呈現了一個充滿未知和挑戰的異星世界。在這片神祕的土地上，玩家需要帶領少女們建立堅固的防禦工事，抵禦來自異星的威脅，同時也需要

254 2024-05-03

‎少年西遊記2

《少年西遊記2》遊戲介紹踏入《少年西遊記2》的世界，就是踏入了一個瑰麗奇幻、充滿東方韻味的工業朋克冒險之旅。這款遊戲作為少年系卡牌的最新力作，將國潮元素與龐克風格完美融合，為玩家呈現出一個前所未有的西遊世界。首先，遊戲的畫風獨具匠心。設計師們巧妙地將傳統的國畫、版畫技法與現代龐克元素結合，使得每個角色、每個場景都充滿了濃厚的東方韻味和前衛的龐克氣息。玩家彷彿置身於一個融合了古典與現代、東方與

951 2024-05-03

24小時閱讀排行榜

更多>

最新教學

【web前端】Node.js快速入門

國外Web開發全端課程全集

1651 2024-04-24
Go語言實戰之 GraphQL

1924 2024-04-19
550W粉絲大佬手把手從零學JavaScript

3344 2024-04-18
python大神Mosh，零基礎小白6小時完全入門

2878 2024-04-10
MySQL 初學入門（mosh老師）

1752 2024-04-07
Mock.js | Axios.js | Json | Ajax--十天精品課堂

2564 2024-03-29

CSS3 SVG 3D立體陰影文字動畫特效

透過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>