Pratham Profile picture
I talk about web and social • DevRel @APILayer • Building https://t.co/niju9j3UA2 & https://t.co/TxBXHrPKDu • Prev @Rapid_API @HyperspaceAI

Apr 12, 2021, 9 tweets

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

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

Share this Scrolly Tale with your friends.

A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.

Keep scrolling