These 8 CSS tips and tricks will make you pro in CSS🎨

🧵 👇🏻
1️⃣ Create round text

Creating round text on your website is easy
2️⃣ Change the marker of list element

- The "type" attribute of <ol> element accpets 5 type of values 👇🏻
3️⃣ Text border

- You can create outline around your text using one line of CSS
4️⃣ Negative nth-child selector

- Use negative "nth-child" and select element from 1 to n
5️⃣ Image-rendering CSS property

- The "image-rendering" CSS property tells the browser how the image should be zoomed-in or zoomed-out.
6️⃣ Gradient border

- We can't create gradient border directly but we have a trick

https://twitter.com/Prathkum/status/1358077840856612866?s=20
7️⃣ Change styling of video subtitles

- You can style the subtitles of video on your website using ::cue pseudo-element
8️⃣ Custom list point

- You can pass emoji hex code in list-style-type to create custom list point
You can follow @Prathkum.
Tip: mention @twtextapp on a Twitter thread with the keyword “unroll” to get a link to it.

Latest Threads Unrolled: