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 633 1
    學習精靈

    09/22 00:00

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

    06/29 00:00

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

    推薦給你

    AWS AI 人才就緒計畫
    關注
    104學習精靈

    產品

    7小時前

    AI人才需求強勁！工作機會年增9.1% 企業數位轉型與人才培育成關鍵
    生成式AI升溫企業啟動組織人才數位轉型計畫
    根據104人力銀行最新統計，2025年第二季AI相關工作機會達12.1萬個，若以年增幅來看，整體市場對AI人才的需求較去年同期成長9.1%，而AI工作機會最多的前三大產業當中，以第二名的一般製造業年增16%最顯著，其次為第三名批發/零售/傳直銷業15.3%，工作機會最多的電子資訊／軟體／半導體業年增幅則為1.2%，顯示AI人才需求已從早期的技術研發邁入快速擴張的應用階段。
    104人力銀行人資長鍾文雄表示，近期國內外研究機構與104觀察發現，許多企業人資已啟動AI在組織與人才數位轉型計畫的規劃、準備與實驗，例如104本身就將AI科技的應用融入在員工創新思維的行為展現上，實際推動全體員工的AI訓練課程，獎勵同仁運用AI在開發產品服務與改善工作流程，AI工具的應用能力也已列入人才聘僱的標配項目。
    -
    人才培育成顯學「學習力x科技力x溝通力」打造AI核心職能
    企業對於AI人才的需求與日俱增，除了提升人才的專業能力，核心職能則包含學習力、科技力與溝通力：學習力是不設限的涉獵跨域整合專業知識，科技力是掌握數位工具提升工作效能，溝通力則是具備聚焦問題、解決問題的跨領域溝通能力。
    鍾文雄提醒，中小企業在有限資源下，可善用政府提供的訓練課程，如勞動部的人力資源提升計畫、產業人才投資計畫，或是參加iPAS經濟部產業人才能力鑑定的AI應用規劃師能力鑑定，都可以提升員工的數位能力。其次也可以善用具有公信力的顧問、輔導機構，透過合作開課、產學合作計畫，持續培育公司AI與數位人才。
    -
    整合學習平台與履歷資料庫 104運用AWS技術資源打造AI即戰力人才鏈
    AWS台灣暨香港總經理王定愷表示，「AWS致力於培育台灣下一代的科技人才，這體現在我們長期的承諾與在地投資。自2014年以來，AWS已在台灣培育超過20萬名雲端人才，透過今年Computex甫宣布的『零介入科技計畫』（Zero-Intervention Technology Program），我們將進一步擴大人才培育的規模，並以AWS雲端服務與課程資源助力104『AI人才就緒計畫』，期能協助更多求職與轉職者習得實戰技能，為產業提供即戰力人才。隨著AWS全新亞太（台北）區域的啟用，我們將結合在地基礎建設與人才發展優勢，全力支援台灣企業在全球數位經濟中保持創新動能與競爭優勢。」
    「AI人才就緒計畫」為104人力銀行於2025年啟動的重點項目，預計首年觸及超過3萬名學習者，將AWS官方課程上架至104學習精靈平台，導入學習紀錄至履歷系統，結合課程推廣、證照推薦、履歷回寫與職缺媒合，為台灣職場注入AI及數位動能。
    -
    >> 立即免費學習「AI人才就緒計畫」課程：https://104_3672.pse.is/7zfk9r
    看更多
    AI人才需求強勁！工作機會年增9.1% 企業數位轉型與人才培育成關鍵
    nabi.104.com.tw
    AWS 台灣亞馬遜網路服務有限公司課程列表｜104課程中心
    0 0 113 0
    你可能感興趣的教室