我喜歡他們透過照顧可訪問性來不斷發展
讓我們從 Tailwind CSS 第 3 版之後的新功能開始,我可能會遲到,因為 3.4 版是最新的。
我們大多數人通常不會更新儲存庫中的包,除非需要或成為強制性的?
我可以理解這種感覺,這就是為什麼至少我認為每當我們創建新儲存庫時才會升級軟體包?
回到正題,過去 4 年我一直在使用 Tailwind CSS,並且愛上了它。我們大多數人可能會提出這樣的論點:在樣式部分或核心 CSS 方面,編寫順風 CSS 並不能讓你成為一個優秀的前端開發人員。
隨著時間的推移,我發現順風 CSS 確實帶來了一些與編寫簡單 CSS 相關的問題,但這主要與語法有關,元素樣式和添加動畫的核心概念仍然是相同的。
只是文法差異
CSS in JSX transform: “”, Tailwind CSS transform:transition-all,
現在,一旦您了解了基礎知識,語法就不會有太大區別。
對於編寫動畫,我更喜歡 JSX 中的 CSS,對於簡單的樣式,我使用 Tailwind,這就是為什麼大多數儲存庫都具有靈活性,供開發人員使用他/她喜歡的語法進行編寫。
Tailwind 開發人員在輔助功能和動畫方面也非常努力。
開發人員對使用 Tailwind CSS 編寫複雜動畫提出了擔憂,就像我們使用簡單 CSS 或其他動畫庫(如 GSAP 或 Framer-motion)所做的那樣。
https://tailwindcss.com/docs/divide-style
大多數時候,我們希望在列之間添加分隔線,這就是 Divider 屬性在幕後所做的事情。為需要分割外觀的以彈性順序排列的元素新增邊框寬度。
https://tailwindcss.com/docs/background-image#linear-gradients
https://tailwindcss.com/docs/screen-readers
https://tailwindcss.com/docs/caret-color
https://tailwindcss.com/docs/scroll-snap-type
https://tailwindcss.com/docs/resize
https://tailwindcss.com/docs/appearance?source=post_page-----eeea98808df1
https://tailwindcss.com/docs/accent-color
今天就到這裡,下期再見
歡迎關注和訂閱! !
雪莉
以上是新的 Cool Tailwind CSS 屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!