10 CSS tips you need to know right now.

1. Change the color of the cursor for any input field

2. Center any thing with just 3 lines of CSS

3. Add smooth scroll in just one line of CSS

4. Add any image to the heading of a page to create a cool effect

5. Truncate text with plain CSS

6. Make any element resizable

7. Add any image as the cursor

8. Animate Scroll Behaviour

9. Enable Blend Mode

10. Select content with CSS

---

Thank you for reading

If you liked this post, subscribe to my newsletter to never miss out on my blogs, product launches and tech news.

Abhiraj's Dev-letter

Comments

[mavuriel]

Knowledge is for everyone and time you take to share it is appreciated, but friend I saw these same 7 snippets in a Twitter thread, I don't want to say that anyone else can have that knowledge but I think at least you should give a little credit to the person who did it before.
https://twitter.com/denicmarko/status/1450768106872311809?t=1tb-pktzntK3RiC7PriWeA&s=19

[Abhiraj Bhowmick]

sure thing! I have done it.

[iakovosvo]

The second one can also be done with 2 lines of CSS:

display: grid;
place-items: center;

[LuizC91]

Neat

[Hrn Svncハルン]

2 always gets me googleing. Today I bookmared this thread, thanks man!

[Mukhammad Akilov]

Nice 👍👍