iT邦幫忙

2021 iThome 鐵人賽

DAY 6
0
Modern Web

33歲轉職者的前端筆記系列 第 6

33歲轉職者的前端筆記-DAY 6 CSS button 套件

  • 分享至 

  • xImage
  •  

最近的工作專案很常用到 button 按鈕

因為小公司的關係沒有設計

所以通常要自已想 button 按鈕樣式

但沒有設計腦真的很難想要怎麼呈現顏色跟效果

今天找到了一個套件覺得很酷可以很快速解決我的問題

就來分享一下吧!

網址點此

https://ithelp.ithome.com.tw/upload/images/20210906/20120789rseMM8StTN.png

一進去網頁左側有幾個按鈕樣式可以選擇喜歡的樣式

https://ithelp.ithome.com.tw/upload/images/20210906/201207897ESYnT34jd.png

中間按鈕圖是我們選的,可以按個人喜好去調整透明度及漸層

https://ithelp.ithome.com.tw/upload/images/20210906/20120789iFMS2QCPxA.png

右側也可以調整文字、按鈕大小、外框等等

調整好之後按中間畫面左下方的get code 就可以看到所有css程式碼並且複製到vs code囉!!!

https://ithelp.ithome.com.tw/upload/images/20210906/201207896K8orBi0N0.png

很方便的工具套件,分享給大家~


上一篇
33歲轉職者的前端筆記-DAY 5 登入畫面切版實作
下一篇
33歲轉職者的前端筆記-DAY 7 常見的捲軸 scollbar 做法
系列文
33歲轉職者的前端筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言