iT邦幫忙

Isha Wang
iT邦新手 5 級 ‧ 點數 254
3971
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

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

CSS甜點烘焙店 系列

一日一甜點，CSS不是只有排版，它有更多的無限可能，熱愛CSS的你，跟著我畫出好吃的甜點吧！

鐵人鍊成 ｜ 共 31 篇文章 ｜ 11 人訂閱 訂閱系列文 RSS系列文
0 Like 0 留言 626 瀏覽
DAY 21

是時候該擺一攤珍珠奶茶了，box-shadow用好用滿、簡單複製物件

您好，歡迎光臨CSS甜點烘焙店 店面在昨天已經大致完成，旁邊不如再來一個飲料攤位吧~ Html如下 .beverageStore .mid Bubble Te...

2022-10-06 ‧ 由 Isha Wang 分享
0 Like 0 留言 783 瀏覽
DAY 22

三角旗幟怎麼做？來看看【珍珠鮮奶茶】攤位擺設吧~

您好，歡迎光臨CSS甜點烘焙店 今天繼續完成飲料攤的旗幟 續上一集的架構 .beverageStore //略 .flag .arrow 我們要利用b...

2022-10-07 ‧ 由 Isha Wang 分享
0 Like 0 留言 1055 瀏覽
DAY 23

skew()這樣用！左傾右傾來做【活動招牌架】

您好，歡迎光臨CSS甜點烘焙店 有了店面和飲料攤，我們要再來做一個活動招牌架 Html架構如下 .signboardStand .front .back...

2022-10-08 ‧ 由 Isha Wang 分享
0 Like 0 留言 874 瀏覽
DAY 24

你的店面想開在哪裡？【冰棒森林】用perspective + rotateX就可以做到

您好，歡迎光臨CSS甜點烘焙店 今天已經是挑戰第 24 天，話說從原本生一篇文章出來，就像便祕一樣的困難，到現在連續24天，天天都要擠一樣成果，雖然自己知道有些...

2022-10-09 ‧ 由 Isha Wang 分享
0 Like 0 留言 602 瀏覽
DAY 25

box-shadow用途廣，【雲朵】繪製多變化

您好，歡迎光臨CSS甜點烘焙店 今天我們來加上幾朵飄飄雲 Html架構如下 .all .sky .cloud.left .cloud.right...

2022-10-10 ‧ 由 Isha Wang 分享
0 Like 0 留言 524 瀏覽
DAY 26

喵喵~鎮店【店貓】來了

您好，歡迎光臨CSS甜點烘焙店 今天邀請了一位貓咪，來當鎮店店貓 Html架構如下 .cat .ear .eye .mouth .body .tail...

2022-10-11 ‧ 由 Isha Wang 分享
0 Like 0 留言 790 瀏覽
DAY 27

超萌【樹懶先生】，什麼都懶懶der~

您好，歡迎光臨CSS甜點烘焙店 店裡已經有鎮店貓貓，今天要再邀請一位神祕嘉賓 沒錯！就是樹懶先生 Html如下 .sloth .limbs.right.fr...

2022-10-12 ‧ 由 Isha Wang 分享
1 Like 0 留言 1284 瀏覽
DAY 28

CSS Animation 你會用了嗎？【貓貓和樹懶】動給你看~

您好，歡迎光臨CSS甜點烘焙店 今天要讓2隻吉祥物動起來~ 要使用到CSS Animation，做基礎的動畫的不複雜，只要有影格的觀念，不管過程要有幾格，甚至只...

2022-10-13 ‧ 由 Isha Wang 分享
0 Like 0 留言 795 瀏覽
DAY 29

【甜點烘焙店】動起來！animation-delay幫你定好動畫出場順序

您好，歡迎光臨CSS甜點烘焙店 一、店面出場(.store) 先設定好@keyframes，預設的效果是從天而降，以及有點彈跳的感覺，所以在rotateX做角度...

2022-10-14 ‧ 由 Isha Wang 分享
0 Like 0 留言 1060 瀏覽
DAY 30

skewX來做【抖抖森林】-30天完賽！解放喔耶~

您好，歡迎光臨CSS甜點烘焙店 今天終於是第30天了，就讓最後的小動畫來完結這一切吧~ 一、抖抖森林(.forest) 首先看一下原本.forest的設定 po...

2022-10-15 ‧ 由 Isha Wang 分享
Isha Wang的鐵人檔案
Isha Wang的收藏
Isha Wang的追蹤
Isha Wang的Like
Isha Wang的紀錄
Isha Wang的訂閱列表