新的 Cool Tailwind CSS 屬性

我喜歡他們透過照顧可訪問性來不斷發展

讓我們從 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 CSS 中有哪些新的或很酷的內容？

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中文網其他相關文章！