iT邦幫忙

2024 iThome 鐵人賽

DAY 2
0
自我挑戰組

30 Day CSS Challenge系列 第 2

Day 1 CSS Challenge LOGO

  • 分享至 

  • xImage
  •  

https://codepen.io/pen?template=dyBqdBw

第一天的挑戰是切一個 CSS Challenge 100 Days 的 logo,主要使用 Flexbox、linear-gradient、相對定位和 z-index還有一點動畫,其中字體特別用到 -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; ,對我來說平常的專案比較少用到漸變以及字體上的變化。

總結:整體排版的技巧比較基本,但是接觸到了比較少用的字體變化以及漸變,對我來說 Day1 的難易度我給 1/5(分),但還是有收穫~~開心😄


上一篇
CSS Challenge 30 Days
下一篇
Day 2 CSS Challenge linear-gradient transition
系列文
30 Day CSS Challenge5
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言