WickedCSS 是一個簡單的 CSS 動畫資源庫，可以選擇自己喜歡的並套用。
網路資源
WickedCSS- CSS 動畫資源庫
WickedCSS 是一個簡單的 CSS 動畫資源庫，可以選擇自己喜歡的並套用。
收藏文章COURSE PICKS
課程推薦
AI虛擬角色生成實戰班
本課程將帶你從 AI 虛擬角色的概念出發，認識 AI Persona 的生成流程與應用方式，學會打造專屬自己的 AI 分身。課程中會學習 Prompt 提示詞撰寫、真人感人像生成、固定角色模板建立，並延伸出同一角色的多場景、多服裝與多情境照片。
OpenClaw 龍蝦 AI 代理人實作課：零基礎打造 AI 辦公代理人
本課程從安裝部署、身份設定、技能安裝到實戰應用，帶你從零建立一個專屬的 AI 工作助手－OpenClaw 龍蝦，這個 AI 助手可以替你蒐集情報、摘要文件、整理郵件、生成內容、定時提醒，全部自動完成。
輸入折扣碼 TC1625FR 還可以額外獲得 NT$500 優惠喔。
Google Gemini AI 多媒體生成工具應用實戰：從 Imagen 4、Veo 3、Chirp、Lyria 到 nano-banana
如何只用文字說明提示就生成不同的圖像結果？亦或是會議上的語音檔轉文字？這是一堂通盤性、全面性的Google Gemini AI多媒體生成工具應用實戰！
輸入折扣碼 TC1609EW 還可以額外獲得 NT$500 優惠喔。
AI 數據自動化工具實戰班：Google Sheet x Apps Script x NotebookLM 暨資料處理函數
本門課將教你如何善用 AI 功能與工具，進行自動分析數據提供有幫助的建議與洞察，以及使用 AI 驅動的公式自動化計算。
輸入折扣碼 TC1615VU 還可以額外獲得 NT$500 優惠喔。
3 小時掌握自動化工作新手應用實作 – n8n AI Agent
這門課程將帶你循序漸進掌握 n8n 的自動化技巧，從基礎認識與操作入門，到進階節點應用與流程控制，再到 Google 服務的整合實作，最後延伸至部署思維與 OpenAI API 的智慧化串接。
輸入折扣碼 TC1600UY 還可以額外獲得 NT$500 優惠喔。
用 AI 生成網站？ AI 高效網站設計實戰課：ChatGPT X HTML X SEO
利用 AI 提升網站設計效率與 SEO 排名！了解如何透過 ChatGPT 等工具快速建立 HTML 架構，優化關鍵字與用戶體驗，讓網站更具競爭力。
輸入折扣碼 TC1533SL 還可以額外獲得 NT$500 優惠喔。
AI工作術全面學習實戰營：6 堂精選課程，學會最好用 AI 工具，翻轉你的人生
《PChome雜誌》攜手 5 位在 AI 領域的專業講師，打造上述 6 堂實用課程，教你學會時下最好用的 AI 工具，導入生成式 AI 來產製工作內容，改造並升級你的工作流程。
輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。
HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量
本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上，同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學，加上 ChatGPT 的輔助，您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗，還會大幅提高網站的搜索引擎排名，進而增加訪客流量和潛在客戶。
用AI強化職場競爭力 ChatGPT、Midjourney從入門到精通
在快速變遷的職場中，提升競爭力成為關鍵。透過引領潮流的AI技術，ChatGPT和Midjourney將助您勇攀高峰。無論您是AI新手還是專家，這個課程將引導您從入門到精通，解密AI的奧秘，並學習如何運用於職場。
GitHub Copilot AI 程式碼編輯工具應用實務班
讓學員瞭解有效地使用該工具來加速開發流程、提高程式碼品質和生產力。課程重點放在以 JavaScript 程式語言為例，介紹 Copilot 的基本原理、使用方法和最佳實踐。
輸入折扣碼 TC1456JA 還可以額外獲得 NT$500 優惠喔。
ChatGPT X Clipchamp AI 生成影片、配音與字幕應用實戰班
掌握Clipchamp AI的操作技巧，靈活運用Clipchamp AI進行影片編輯和創作，實現創意表達和傳播目的。
輸入折扣碼 TC1451JAN 還可以額外獲得 NT$500 優惠喔。
如何串接多種數位工具資訊？Looker Studio 資料視覺化實戰班｜GoogleAds x FB廣告 x GA流量數據
Looker Studio除了可協助使用者監控網站流量、廣告成效、選擇匯入資源的管道之外，還可以將數據資料多平台整合、數據報表即時更新、數據範本可重複套用的效益，透過自動化系統，將數據全部匯入同一個報表平台，是企業不可或缺的重要工具。
輸入折扣碼 TC1270JIA 還可以額外獲得 NT$500 優惠喔。
KEEP EXPLORING
你可能也會喜歡
網路資源
Animatopy CSS 動畫片段生成器：簡單複製就可將動畫效果套用在網站上
Animatopy 是簡潔實用的 CSS 動畫 snippet 工具，免載入整套 Animate.css，就可快速預覽並複製單一動畫效果。
網路資源
CSS Loaders：前端開發者的 Loading 動畫寶庫，超過 600+ 特效幫助實現美觀流暢的讀取效果
CSS Loaders 提供超過 600 種純 CSS 讀取動畫，涵蓋經典、旋轉、進度條等類別，所有動畫均以單一元素實現，簡潔易用。支援即時預覽與一鍵複製 CSS 代碼，幫助開發者快速整合高效、輕量的動畫效果，提升網站用戶體驗。
網路資源
Easing Functions Cheat Sheet- 收錄許多 CSS 動畫效果的網站
Easing Functions Cheat Sheet 是一個收錄了許多 CSS 動畫效果的網站，可以預覽後，選擇喜歡的效果並複製 CSS 的語法即可。
網路資源
OBNOXIOUS.CSS：CSS 動畫惡搞極限實驗，一鍵看盡「別這樣用！」
Tim Holman 的 Obnoxious.css，是一個玩弄 CSS 動畫極限的趣味實驗，就是要讓你看了眼花、頭暈、快出事的那種效果。官方 tagline 直接寫著：「Animations for the strong of heart, and weak of mind」，帶點調侃意味，意即有心理承受力的、但腦子可能不太好的朋友請小心使用！
網路資源
Woah.css 動畫庫：網站設計更吸睛的秘密武器
Woah.css 是一款專為追求獨特動畫效果的開發者設計的開源 CSS 動畫庫，提供如「comeInStyle」等多種風格，簡單易用，讓網站更吸睛！
網路資源
cssanimation.io- CSS 文字動畫效果資源庫
cssanimation.io 是一個 CSS 文字動畫效果資源庫，如果有想要做文字進入或離開的轉場效果可以直接套用很方便。