104學習精靈

網頁動畫

網頁動畫
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
「網頁動畫：負責設計與製作吸引人的網頁動畫，以提升使用者體驗和互動性。主要職責包括創建動態效果、優化網頁性能以及與UI/UX設計師及開發團隊密切合作，確保視覺元素與功能的完美結合。所需技能包括精通動畫軟體（如Adobe After Effects）、HTML5、CSS3及JavaScript，並具備良好的視覺設計能力與創意思維。在台灣職場，需特別適應快節奏的數位環境並具備良好的溝通技巧，以跨部門協作達成共同目標。」
關於教室
關注人數 0 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
學習主持人
持續分享知識，
有機會成為官方教室主持人
教室標籤
  • 網頁動畫
    • 關於教室
    關注人數 0 人
    104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
    學習主持人
    持續分享知識，
    有機會成為官方教室主持人
    教室標籤
  • 網頁動畫
    • Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
    我要分享
    我要提問

    網頁動畫 學習推薦

    全部
    影片
    文章
    Hahow 好學校
    關注
    Hahow 小蛙編輯

    創作內容編輯

    2022/08/29

    翻滾吧蔥油餅！簡單 SVG 動畫製作_下集：讓場景元件動起來
    本篇文章接續上集，要帶大家簡單做出好玩的 SVG 網頁動畫，讓蔥油餅翻滾！怎麼讓場景元件動起來，一步步帶你動手做。
    本文翻自 [週四寫程式系列] 來做SVG動畫讓蔥油餅翻滾吧!，若是對文章內容有疑問，或是想要老闆手把手帶你飛，都可以觀看影片詳細內容。
    在上集中，老闆帶大家從發想素材、將素材引入網頁，到製作場景進出的動畫。接下來我們將要賦予場景中的每個元件生命。
    本篇文章會談到：
    本篇文章中，老闆會帶大家完成蔥油餅小島中角色與物件的動畫，也會提示大家每個部份需要注意的地方，以下動畫的設定數值都都只是參考，開發時大家都能試試看不同的數值。
    實際應用﹔讓場景中的元件動起來
    怎麼讓素材動起來？
    一、驚嘆號
    首先我們從驚嘆號下手，老闆讓驚嘆號分布在場景的各處，用意是要提示使用者這邊有驚喜，引導使用者靠近這個區塊。為了增加提示效果，我們利用左右晃動的動畫效果，固定時間後會再撥放。
    這邊使用了新的 css 屬性 animation ，需要搭配 @keyframes 使用，在 keyframes 用百分比去註記不同時間該顯示的樣式，透過 animation 定義動畫總時間，這也代表這個 keyframes 可以提供給不同元件使用，使用的元件賦予不同的時間等屬性，就是一個全新的樣貌。
    要注意元件會以左上角為旋轉中心點，適時加上 transform-origin, transform-box 讓動畫更加合理。
    詳見原文>
    看更多
    翻滾吧蔥油餅！簡單 SVG 動畫製作_下集：讓場景元件動起來
    hahow.in
    翻滾吧蔥油餅！簡單 SVG 動畫製作（下集）：讓場景元件動起來
    1 0 712 1

    熱門精選

    職涯學習課程專文推薦
    關注
    104學習

    產品

    09/11 14:57

    轉職首選！3 週從零到上手的數據分析師養成營 —— 104人力銀行 × 104學習 × 緯育 TibaMe 聯合推出
    想跨入高薪、有前景，又能左右商業決策的數據分析師職涯，但擔心自己沒有程式背景、時間不夠嗎？
    這堂【數據分析師學習營】或許是你理想的起點。
    ✨ 首次跨界合作，更強大資源整合✨
    這次由 104學習精靈 首度攜手 緯育 TibaMe 聯合打造。
    ⚡104人力銀行 × 104學習精靈：深耕職涯數據多年，最了解台灣企業用人需求，課程更貼近市場實際職缺。
    ⚡緯育 TibaMe：累積多年產業培訓經驗，專注於 IT、數據、AI 等熱門技能轉職養成，培訓模式完整，輔導成效有口碑。
    這樣的合作，讓學員享有真實的培訓經驗，學習效果與轉職落地率都更具保障。
    課程亮點一次看
    🔥3 週密集實戰：短短三週密集訓練，快速掌握職場必備技能，不必耗費半年、一年時間啃課表。
    🔥零基礎設計：無需工程背景，也不用寫程式，由淺入深帶你學會資料庫查詢（SQL）與數據視覺化工具 Power BI。
    🔥實戰作品累績履歷實力：課程設計強調實務操作，結訓不僅懂工具，更手上有完成的作品，讓履歷直接升級。
    🔥專屬平台與支援：透過共學社群與專業助教協助，學習不再孤單。
    為什麼你該報名？
    🟢快速起步，快速看成果：三週聚焦提速進展，是在職或時間有限者的最佳選擇。
    🟢具備市場需求核心技能：SQL 與 Power BI，完全符合企業當前的數據分析需求。
    🟢履歷實力落地具體化：實作作品比起只學理論更能打動雇主眼光。
    🟢104 × 緯育 TibaMe 強強聯手：把資源與專業結合，讓學習不只停留在課程，而是直通「就業」與「轉職」。
    👉 立即報名，搶先卡位：超小班就50位唷！
    👉 刷中信／台新／玉山可享３期０利率！
    👉 超早鳥優惠領＄８５０券報名到９／２４唷！
    👉 前１０名解鎖送５００元Lｉｎｅ點數，第１１名起送２００元Lｉｎｅ點數，更多驚喜組合購，可再額外送１００元Lｉｎｅ點數
    看更多
    轉職首選！3 週從零到上手的數據分析師養成營 —— 104人力銀行 × 104學習 × 緯育 TibaMe 聯合推出
    nabi.104.com.tw
    【超早鳥領$850券↘到9/24】數據分析師學習營｜０經驗＆無工程背景，３週帶你開啟數據職涯！​｜104獨家－數據分析課程│104課程中心
    3 0 11942 4
    學習精靈

    09/22 00:00

    youtube.com
    Flash網頁動畫--商品大小圖無限循環展示技巧及網頁檔上傳網站教學
    16 5
    學習精靈

    06/29 00:00

    youtube.com
    【網知系列 EP06】網頁動畫概念，十分鐘介紹
    1 0

    推薦給你

    緯育TibaMe
    關注
    緯育TibaMe

    7小時前

    免費報名📍如何順利進入夢幻電商產業？
    #最後一週免費報名 🤔電商人抗壓性都很強？甚麼特質最容易錄取？
    重量級前輩來分享🟢綠界大數據總經理 Ken x ⚫小黑老師 邱煜庭
    你想知道的電商圈內情報都在這！由兩位業界專家引路，帶你看懂最新產業趨勢、揭開品牌徵才標準， 讓你提早做足準備、進入理想電商職缺。
    📍如何順利進入夢幻電商產業？你的電商職涯加速器
    直播時間：9/23（二）20:00-21:30
    📍精彩內容預告
    • 在電商工作是甚麼樣貌、未來發展如何？
    • 成為電商圈內人！了解品牌正面臨的挑戰與機會
    • 案例分享：如何用數據驅動品牌成長
    • 哪些人格特質或履歷經驗最優先錄用？
    • 想進電商，現在可以先做的準備
    • 《電商成長顧問養成營》獨家優勢介紹
    看更多
    免費報名📍如何順利進入夢幻電商產業？
    0 0 62 0
    你可能感興趣的教室