🖍️
CSS 排版及動畫效果
  • CSS 排版及動畫效果
  • 1. 簡介
    • 1.1 講者簡介
    • 1.2 課程簡介
    • 1.3 開發工具簡介
  • 2. 棋盤式排版模式 Grid
    • 2.1 基本觀念及術語
    • 2.2 Grid 排版 - Container
    • 2.3 Grid 排版 - Items
  • 3. 多欄排版模式 Column
  • 4. 轉場效果 transition
    • 4.1 第一個 transition
    • 4.2 屬性 transition-property
    • 4.3 期間 transition-duration
    • 4.4 漸變函式 transition-timing-function
    • 4.5 延遲 transition-delay
    • 4.6 transition 縮寫
    • 4.7 練習
  • 5. 動畫效果 animation
    • 5.1 第一個 animation
    • 5.2 關於 keyframes
    • 5.3 同個元素套用多個 animation
    • 5.4 次數 animation-iteration-count
    • 5.5 方向 animation-direction
    • 5.6 延遲 animation-delay
    • 5.7 填滿模式 animation-fill-mode
    • 5.8 播放狀態 animation-play-state
    • 5.9 漸變函式 animation-timing-function
    • 5.10 animation 縮寫
    • 5.11 補充：動畫效果事件(Animation Event)
    • 5.12 練習
  • 6. 作業
  • 7. 第三方動畫效果套件
    • 7.1 Animate.css
    • 7.2 AOS
    • 7.3 CSS Loader
  • 8. 大量練習
  • 9. 其它及參考資料
Powered by GitBook
On this page
  • 現況
  • 線上課程
  • 經歷
  • 作品分享(部份)
  • 網站前端
  • 主機代管
  • 網站建置
  • 聯絡方式
  1. 1. 簡介

1.1 講者簡介

Previous1. 簡介Next1.2 課程簡介

Last updated 3 years ago

現況

  • 接案自由工作者 Freelancer

  • 成立 webmix 設計好網站

  • 成立 卡斯有限公司，承接主機代管、前端開發、網站架設等服務。

  • 於 Tibame 教學網站設計開發相關領域課程。

線上課程

經歷

  • 2009 年：進入職場，曾任職於中視、華視、Yahoo!、新創公司。

  • 2013 年：全職的網站前端自由工作者。

  • 2016 年：成立卡斯有限公司：承接網站設計開發、主機代管。

  • 2017 年：承接標案

  • 2018 年 ~ 至今：網站相關教學

  • 2019 年：維護存股管家 Chatbot

作品分享(部份)

網站前端

主機代管

網站建置

聯絡方式

張互賓/Carlos

  • Email：chang.abin@gmail.com

希望 讀者/學員 在這學習領域中，有遇到疑問，可直接與我聯繫，盼能協助各位在這領域上精進。

、

粉絲專頁
成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)
成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (下集)
5breakfast 早餐平台
X Fail 活動
鉅亨網債劵基金排行
鉅亨網債劵基金搜尋器
matchnow 網紅平台
上海在野設計
毅創投資
健康好腎活
Ctrl + P 兒童3D列印
MBA 顧問
智夢
RocketAdmit
久酒企業
臺南市政府圖片資料庫平台
王爺水餃子
雕塑學會
亞太公私合夥建設發展協會
長風文教基金會
矽谷創業家協會
設計好網站粉絲頁
個人 FB