在幾小時內學習 CSS 動畫

以 13 個專案學習建立漂亮的 CSS 動畫

從這 2.5 小時的課程,你會學到

  • 建立 CSS 動畫
  • 掌握 CSS 轉場效果
  • 學習如何建立很棒的懸停(hover)動畫
  • 學習如何使用 Keyframes
  • 建立13個”CSS 動畫”專案
  • 掌握 CSS 轉換效果

要求

  • 基本的 CSS 和 HTML

課程說明

乎每個網站都有一些動畫效果,例如,當您將滑鼠懸停在選單項目或按鈕上時,背景會發生變化。瀏覽輪播圖時,您可能會看到一些酷炫的 3D 幻燈片過渡效果。

所有這些動畫都可以使用 CSS 創建。

您想學習如何使用 CSS 動畫嗎?

那麼,您來對地方了!在本課程中,我將涵蓋創建精美 CSS 動畫所需的一切知識。

首先,我將解釋過渡效果的工作原理以及您可以設定的所有參數。

然後,我們將運用所學創建 8 個按鈕,每個按鈕都會使用 CSS 動畫來實現不同的動畫效果。接下來,我們將學習變換。我會解釋旋轉、平移、縮放和傾斜的工作原理,並講解關鍵影格的工作原理以及如何使用它們。最後,我們將再次運用所學創造 5 個旋轉指示器。

要求:

  • 具備基本的CSS與HTML知識

誰該參加這門課程:

  • 任何想學習如何使用 CSS 製作網頁動畫的人
  • 任何想深入了解 CSS 動畫的人
  • 任何想提升 CSS 動畫技能的人

您將學習到什麼以及掌握什麼:

  • 建立 CSS 動畫
  • 精通 CSS 過渡效果
  • 精通 CSS 變換效果
  • 學習如何創造出色的懸停動畫
  • 學習如何使用關鍵幀
  • 建立 13 個「CSS 動畫」專案

目標受眾

  • 任何想學習如何使用 CSS 製作網頁動畫的人
  • 任何想深入了解 CSS 動畫的人
  • 任何想提升 CSS 動畫技能的人

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

講師簡介

Luke’s Programming School 暢銷講師,擁有超過15萬名學生

您好,我叫 Luke,是「Luke’s Programming Schoo」的創辦人。目前,我們在全球160多個國家擁有超過10萬名學員。我們的目標是在今年年底前達到15萬名學員。我們提供開發、電子商務和設計方面的課程。

我們的課程:我們專注於打造優質課程,力求讓每一門課程都引人入勝。因此,我們的大部分課程都簡短精煉,直奔主題。我們只關注最重要的內容。

內容更新及時:我們確保所有課程內容都是最新的,涵蓋您所需的一切。

學員至上:我們竭盡全力讓您滿意,並提供卓越的學習體驗。因此,我們會在一天內回覆您的問題。

您需要的一切:如果學生錯過了我們課程中的某些講座,他可以輕鬆提出請求。您只需告訴我們您希望添加哪些講座,我們就會添加!

以下是我們學生的評價:

Gustav Gimlich:“課程很棒,老師講解得很好。我也很喜歡有很多練習。物超所值。”

Nouf:“這門課程值得一百萬顆星,謝謝!”

Ahmed Mohammed Ahmed Al-areqi:“因為對Java語言的講解非常清晰。”

Debarghya Roy:“講解太棒了!”

Mohammad Shaik:“講解得非常好,例子也簡單易懂。”

Alan Con:“對於所有想學習Java的人來說,這都是一門完美的課程。非常感謝!”

Halkawt Mahdi:“一位優秀的老師,一門非常好的課程,即使對程式設計一竅不通的人也能輕鬆上手。”

Willane Paiva de Souza:“講解很棒,準確到位,語速也恰到好處。”

Peter:“很棒的課程,我最喜歡資料結構部分,Lukáš 是一位好老師!”

……還有很多其他學員的評價 🙂

字幕:英文

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

  • Udemy 永久擁有課程 許多課程約 NT400(點擊連結看更多)
  • 年訂閱每月 NT350(再享特別優惠:年度訂閱首年享 25% 折扣) 🌈 悠遊 Udemy 的 26000+ 門課,最大化學習 ( 原價 NT635/月 )
  • Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
  • 手機上點選優惠連結看到的價格比電腦上看到的貴
  • $代表當地貨幣, 如在台灣為 NT
  • 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現

報名參加課程

1913568_0484

Sponsored by Udemy


也許你會有興趣

不受 FB 演算法影響,歡迎透過 e-mail 訂閱網站更新

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

由 WordPress.com 建置.

Up ↑

探索更多來自 Soft & Share 的內容

立即訂閱即可持續閱讀,還能取得所有封存文章。

Continue reading