Let's talk about some CSS concepts that we rarely used but they will prove that CSS is so deep.
π§΅ππ»
π§΅ππ»
1. Select grammatical errors
::grammar-error pseudo-element select a grammatically incorrect sentence. Although this feature has not been standardized yet.
π developer.mozilla.org/en-US/docs/Webβ¦
::grammar-error pseudo-element select a grammatically incorrect sentence. Although this feature has not been standardized yet.
π developer.mozilla.org/en-US/docs/Webβ¦
2. You can optimize the performance of your web page by adding one line of CSS
The `will-change` property
- will-change tells the browser that how an element is expected to change
- Increase the responsiveness
The `will-change` property
- will-change tells the browser that how an element is expected to change
- Increase the responsiveness
3. You can change the input caret color using CSS
βΈ The caret is typically a thin vertical line that flashes to help the text area more noticeable
βΈ The caret is typically a thin vertical line that flashes to help the text area more noticeable
4. Select elements like a pro
Instead of doing this
.container h1,
.container h2,
.container h3 {
color: red;
}
Do this
.container :is(h1, h2, h3) {
color: red;
}
Instead of doing this
.container h1,
.container h2,
.container h3 {
color: red;
}
Do this
.container :is(h1, h2, h3) {
color: red;
}
5. Create 3D elements
- The perspective CSS property
- The perspective CSS property
β’ β’ β’
Missing some Tweet in this thread? You can try to
force a refresh
γ
