5 cool CSS properties (part 1)

Hi, I'm Aya Bouchiha, and this is part 1 of some cool CSS properties.

• part 2 of some cool CSS properties

caret-color

• caret-color: used to change the cursor of editable elements like input fields.

clip-path

• clip-path: used to hide a specific area of an element and build complex shapes like the octagon.

• website will help you to build complex shapes using clip-path

resources to learn about clip-path

• css-tricks (article)
• designCourse (youtube video)

content

• content: used with :before & :after for adding a generated content w

• more info

pointer-events

• pointer-events: specify that the user could react to pointer events or not.

resize

• resize: specify if an element is resizable or not.

Summary

• clip-path: used to hide a specific area of an element and build complex shapes like the octagon.
• resize: specify if an element is resizable or not.
• pointer-events: specify that the user could react to pointer events or not.
• content: used with :before & :after for adding a generated content.
• caret-color: used to change the cursor of editable elements like input fields.

Reference

• https://www.w3schools.com/

Suggested Posts

• 57 Essential HTML Tags To Know As A Beginner
• part-1: 5 HTML Tags That Almost Nobody Knows
• Part-2: 5 HTML Tags That Almost Nobody Knows
• part 2 of some cool CSS properties

Have an amazing day!

Comments

[Thomas Bnt]

Please avoid titles like this 😔

[Aya Bouchiha]

I don't know why should I avoid them, could you suggest to me a good title, please?
Thank you for your feedback and have a great day!

[Thomas Bnt]

The titles in capital letters, it looks aggressive and then imagine the platform filled only with that.

[Aya Bouchiha]

The title is changed successfully, I appreciate your feedback a lot 😊

[Thomas Bnt]

Thank you for understanding me, have a nice day 😉