您好，歡迎光臨CSS甜點烘焙店

第2-15天畫的甜點們，終於要把它們擺上架了不過一次放進來的架構有點龐大，以下就以品項帶過，最後完成會釋出codepen讓大家參考

Html

.all
	.store
        //略
		.showcase
			.light
			.dessert
				//銅鑼燒
                .dorayaki
                //芒果瑞士捲
                .rollCake
                //愛心餅乾
                .cookie
                //閃電泡芙
                .eclair
                //草莓塔
                .tart
                //貝果
                .bagel
                //巧克力切片蛋糕
                .chocolateCake
                //馬卡龍
                .macaron

一、8種品項上架

羞其實今天的進度沒什麼技巧可以介紹給大家，就是把甜點一一擺上，視覺爽度高而已~

以下是要上架的任意門
【銅鑼燒】多啦A夢最愛的甜點，只用了3層架構就做完
【芒果瑞士捲】製作透視好物！perspective + rotate真的很好用耶
【草莓餡愛心餅乾】一次就上手的愛心，其實很簡單喔~
【雙莓閃電泡芙】如何用2個圓做出藍莓？
【草莓塔】你知道background就可以做塔杯嗎？
【貝果】這是...?!好啦~這次最滿意的應該是芝麻的部份惹
【巧克力切片蛋糕】簡單好用的clip-path，直接畫出你想要的形狀
馬卡龍】什麼！3層架構就做出馬卡龍，還有flex排的簡單九宮格喔

小提醒 全部的品項可以用transform: scale(num)直接縮小，很好用的小技巧

依序放入並定位，甜點櫥窗就完成囉~

希望今天的櫥窗佈置您還滿意，請慢用~
如有任何問題，歡迎下方留言討論