Sifat CSS Tailwind Cool Baharu

Saya suka cara mereka berkembang dengan menjaga kebolehaksesan juga

Mari kita mulakan dengan perkara baharu dalam Tailwind CSS selepas versi 3, saya mungkin lewat kerana versi 3.4 adalah yang terbaharu.

Kebanyakan daripada kami biasanya tidak mengemas kini pakej kami dalam repositori melainkan ia diperlukan atau menjadi wajib ?

Saya boleh faham perasaan itu dan itulah sebabnya paling sekurang-kurangnya saya fikir akan hanya menaik taraf pakej apabila kita mencipta repositori baharu ?

Berbalik kepada perkara itu, saya telah menggunakan CSS Tailwind selama 4 tahun yang lalu dan saya menyukainya. Kebanyakan daripada kita mungkin membangkitkan hujah bahawa menulis tailwind CSS tidak akan menjadikan anda pembangun bahagian hadapan yang baik dalam hal menggayakan bahagian atau teras CSS.

Dari masa ke masa, saya telah mengalami bahawa CSS tailwind memang membawa beberapa masalah yang berkaitan dengan menulis CSS mudah tetapi kebanyakannya berkaitan dengan perkara sintaks konsep teras menggayakan elemen dan menambah animasi masih sama.

Hanya perbezaan sintaks

CSS in JSX
transform: “”, 

Tailwind CSS
transform:transition-all, 

Sekarang setelah anda memahami asasnya, sintaks tidak akan membuat banyak perbezaan.

Untuk menulis animasi, saya lebih suka CSS dalam JSX dan untuk penggayaan mudah, saya menggunakan Tailwind dan itulah sebabnya kebanyakan repositori datang dengan fleksibiliti untuk pembangun menulis dalam sintaks yang sesuai.

Apa yang Baharu atau Hebat dalam CSS Tailwind?

Pembangun Tailwind bekerja keras pada kebolehaksesan dan animasi juga.

Pembangun telah menimbulkan kebimbangan untuk menulis animasi kompleks menggunakan Tailwind CSS sama seperti yang kami lakukan dengan CSS ringkas atau perpustakaan animasi lain seperti GSAP atau framer-motion.

Bahagikan

https://tailwindcss.com/docs/divide-style

Kebanyakan masa kami ingin menambah pembahagi antara lajur dan itulah yang dilakukan oleh harta Pembahagi di bawah tudung. Tambahkan lebar jidar pada elemen yang disusun dalam susunan fleksibel yang memerlukan penampilan yang membahagikan.

Kecerunan Linear

https://tailwindcss.com/docs/background-image#linear-gradients

Pembaca Skrin

https://tailwindcss.com/docs/screen-readers

Penggayaan Karet

https://tailwindcss.com/docs/caret-color

Kawalan Snap

https://tailwindcss.com/docs/scroll-snap-type

Ubah saiz

https://tailwindcss.com/docs/resize

Penampilan

https://tailwindcss.com/docs/appearance?source=post_page-----eeea98808df1

Warna Aksen

https://tailwindcss.com/docs/accent-color

Itu sahaja untuk hari ini, jumpa lagi pada yang seterusnya

Jangan ragu untuk mengikuti dan melanggan!!

Shrey

Atas ialah kandungan terperinci Sifat CSS Tailwind Cool Baharu. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!