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!