iT邦幫忙

kypss95120
iT邦見習生 ‧ 點數 402
5503
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

CSS UI(動畫)相關 系列

看到網路上有許多 純CSS的UI(動畫)，也來寫寫看

鐵人鍊成 ｜ 共 30 篇文章 ｜ 3 人訂閱 訂閱系列文 RSS系列文
0 Like 0 留言 445 瀏覽
DAY 1

D1 好久沒碰程式，回顧怎麼開始

1.編輯器我選擇 sublime text ，好安裝、看比較習慣(但我比較喜歡舊版文字配色)2.建立個.txt檔，然後附檔名改成.html，就可以拖曳到 sub...

2022-09-15 ‧ 由 kypss95120 分享
0 Like 0 留言 402 瀏覽
DAY 2

D2 看YT學 CSS動畫1

很久之前看到YT上有標榜"純CSS" 水滴動畫，所以才有今天這個主題(不過水滴的影片就找不到了)今天參考的影片如下(是個立方體動畫，原始碼需...

2022-09-16 ‧ 由 kypss95120 分享
0 Like 0 留言 511 瀏覽
DAY 3

D3看YT學 CSS動畫2

接續昨天的，昨天的立方體頭上沒有蓋子，然後還沒寫之前我猜如果數值亂條，蓋子會歪掉，來看是不是這樣~ 沒亂調數值的程式碼如下HTML <link href=...

2022-09-17 ‧ 由 kypss95120 分享
0 Like 0 留言 243 瀏覽
DAY 4

D3看YT學 CSS動畫3

今天把這個影片的內容都寫完好了(影片的程式碼並非影片的最終成果，有差一些影子，可能需要贊助才看得到，但也有可能是數值沒調好)https://www.youtub...

2022-09-18 ‧ 由 kypss95120 分享
0 Like 0 留言 371 瀏覽
DAY 5

D5 看YT學 CSS動畫_光圈1

這次參考的影片如下:https://www.youtube.com/watch?v=avo71iW9mI4HTML <link href="C1...

2022-09-19 ‧ 由 kypss95120 分享
0 Like 0 留言 869 瀏覽
DAY 6

D6 看YT學 CSS動畫_光圈2 (顏色漸變 & 光暈強度變化)

接續昨天，然後影片參考網址如下:https://www.youtube.com/watch?v=avo71iW9mI4&list=LL&inde...

2022-09-20 ‧ 由 kypss95120 分享
0 Like 0 留言 424 瀏覽
DAY 7

D7 看YT學 CSS動畫_光圈3 (延時變化、扭曲、光圈完結)

參考影片還是這個https://www.youtube.com/watch?v=avo71iW9mI4&list=LL&index=3 .T1:...

2022-09-21 ‧ 由 kypss95120 分享
0 Like 0 留言 307 瀏覽
DAY 8

D8 看YT學 CSS動畫_載入動畫1 (光點圓圈)

今天的參考影片https://www.youtube.com/watch?v=ttWXapXj4cg&list=PL5e68lK9hEzeeXtsQCQ...

2022-09-22 ‧ 由 kypss95120 分享
0 Like 0 留言 372 瀏覽
DAY 9

D9 看YT學 CSS動畫_載入動畫2 (完結)

接續昨天https://www.youtube.com/watch?v=ttWXapXj4cg&list=PL5e68lK9hEzeeXtsQCQYd9...

2022-09-23 ‧ 由 kypss95120 分享
0 Like 0 留言 222 瀏覽
DAY 10

D10 看YT學 CSS動畫_按鈕動畫1 (按鈕雛形)

今天的參考https://www.youtube.com/watch?v=RQUeQ-SzQ8k&list=PL5e68lK9hEzd-ZM4Km6xU...

2022-09-24 ‧ 由 kypss95120 分享
kypss95120的鐵人檔案
kypss95120的收藏
kypss95120的追蹤
kypss95120的Like
kypss95120的紀錄
kypss95120的訂閱列表