iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

跟著網頁動ㄘ動 系列

我喜歡做會動的網頁,不管怎麼動都好,能動起來都會讓人覺得有趣很多。
當作紀錄也當作挑戰,放上工作或是自己嘗試的各種特效做法。

順便勉勵自己能寫完整個賽程XD

參賽天數 5 天 | 共 5 篇文章 | 16 人訂閱 訂閱系列文 RSS系列文
DAY 1

DAY 1 - 就來動ㄘ動

我是Ellen,喜歡設計畫面的前端工程師。目前仍在學習中!想要筆記一些工作或是學習的紀錄。接下來會努力寫一些常用的基礎網頁特效等等。 當然,首先要先勉勵自己寫完...

2017-12-04 ‧ 由 Ellen K 分享
DAY 2

DAY2 - 使用CCS3動ㄘ動

今天先從最常使用的CCS3 Animations開始! 把整個過程設想成這是一齣戲,而你是一名導演及編劇,這樣會比較好理解。 將動畫要走的整個劇本使用 @ke...

2017-12-05 ‧ 由 Ellen K 分享
DAY 3

DAY3 - 使用CCS3動ㄘ動 Part2

在昨天介紹了初步的CSS3 Animations之後,今天要來進階的屬性。 昨天的範例中,動畫都只會跑一次就結束。如果想要動畫多撥放幾次的話該怎麼辦呢? 在角色...

2017-12-06 ‧ 由 Ellen K 分享
DAY 4

DAY4 - 使用CCS3動ㄘ動 Part3

一不小心就寫到Part3... 今天介紹兩個! animation-delay: 多久以後再開始執行動畫animation-direction: 動畫的播放方...

2017-12-07 ‧ 由 Ellen K 分享
DAY 5

DAY5 - 使用CCS3動ㄘ動 Part4

昨天說好要來介紹 animation-fill-mode: 動畫播放前後的狀態 這個屬性。 none :回到動畫尚未撥放時的狀態。forwards :停在動畫...

2017-12-08 ‧ 由 Ellen K 分享