iT邦幫忙

tailwind相關文章
共有 9 則文章
鐵人賽 Modern Web DAY 30

技術 #29-網站Tips動起來!用Tailwind自訂動畫&Hover動畫~

今天玩玩時下最夯的Tailwind啦~把這30天的文章&Demo收集起來變成一個30天的彙整網站! (原定要寫的Three.js改成Tailwind動畫,因為t...

鐵人賽 Modern Web DAY 30

技術 #30-用Tailwind&Gulp做個動態菜單網站(完賽!)

Yo! 因為用Gulp包其他頁面,但最後一頁臨時改成用Tailwind,在設定上卡了一下...一起紀錄下。這篇的大綱 1.漸入的動態菜單 (還是要有動態提案!...

鐵人賽 Software Development DAY 23

技術 [Day 23] 如何規劃前端技術棧 - 實用至上主義前端 |【搜尋引擎製作錄】

Github, Over Engineering 基礎 對於整個 web 開發生命週期而言,技術棧是極其重要的第一步。選擇適合的技術棧等同建構一個好的骨幹,它讓...

鐵人賽 Modern Web DAY 29

技術 網頁框架比一比-30天學會HTML+CSS,製作精美網站

介紹完如何製作響應式網站後,當然也會想說有沒有更快速的框架可以使用,所以今天就要來介紹目前最多人使用的Tailwind及Bootstrap 什麼是Tailwin...

鐵人賽 自我挑戰組 DAY 12

技術 Day 12:我想要我的字長得跟別人不一樣!!【Tailwind – 字體篇】

接下來將會帶大家導覽一下 tailwind 在各種功能上的使用方式並且實作給還是新手的讀者看!以下標題表示法為:{功能類別}, {英文名} {tailwind...

技術 Tailwind CSS 中的樣式渲染順序

如果你 tailwind 已經寫一段時間了,相信你有時候也會想把因為 tailwind 語法而變的很長的 class 變短吧,那這時候就要用到的是 tailwi...

鐵人賽 自我挑戰組 DAY 23

技術 Day 23:資料輸出【Tailwind – input 篇】

今天要分享如何以 tailwind 針對 input 欄位做客製樣式! 我們先來看看預設的 input 樣式有時候可能需要進行 input 樣式的變動,這邊筆...

鐵人賽 Modern Web DAY 6

技術 整合 MUI 跟 Tailwind 樣式設定

MUI 有自己的樣式主題系統,tailwind 也有,為了防止之後再套用樣式的時候兩邊出現偏差,要來想辦法同步兩邊的設定。 首先建立好 MUI 的自訂主題。 /...

鐵人賽 自我挑戰組 DAY 20

技術 Day 20:它能不能動起來?【Tailwind – Transform 篇】

今天的 transform 篇會為大家示範 skew、translate、scale、rotate 結合前幾天所分享的 group-hover。 憑藉著 ta...