5 COOL CSS PROPERTIES ! (part 1)

This content originally appeared on DEV Community and was authored by Aya Bouchiha

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!

This content originally appeared on DEV Community and was authored by Aya Bouchiha

Print Share Comment Cite Upload Translate Updates

APA

Aya Bouchiha | Sciencx (2021-09-15T22:58:54+00:00) 5 COOL CSS PROPERTIES ! (part 1). Retrieved from https://www.scien.cx/2021/09/15/5-cool-css-properties-part-1/

MLA

" » 5 COOL CSS PROPERTIES ! (part 1)." Aya Bouchiha | Sciencx - Wednesday September 15, 2021, https://www.scien.cx/2021/09/15/5-cool-css-properties-part-1/

HARVARD

Aya Bouchiha | Sciencx Wednesday September 15, 2021 » 5 COOL CSS PROPERTIES ! (part 1)., viewed ,<https://www.scien.cx/2021/09/15/5-cool-css-properties-part-1/>

VANCOUVER

Aya Bouchiha | Sciencx - » 5 COOL CSS PROPERTIES ! (part 1). [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/09/15/5-cool-css-properties-part-1/

CHICAGO

" » 5 COOL CSS PROPERTIES ! (part 1)." Aya Bouchiha | Sciencx - Accessed . https://www.scien.cx/2021/09/15/5-cool-css-properties-part-1/

IEEE

" » 5 COOL CSS PROPERTIES ! (part 1)." Aya Bouchiha | Sciencx [Online]. Available: https://www.scien.cx/2021/09/15/5-cool-css-properties-part-1/. [Accessed: ]

rf:citation

» 5 COOL CSS PROPERTIES ! (part 1) | Aya Bouchiha | Sciencx | https://www.scien.cx/2021/09/15/5-cool-css-properties-part-1/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.