background-clip property in CSS 👇
✳️ This property sets the background extension
Values:
✳️ border-box
✳️ padding-box
✳️ content-box
✳️ text
Detail syntax and example is added in thread 🧵👇
Like and retweet first tweet, if you find this useful.
Follow for more content 🙂
✳️ This property sets the background extension
Values:
✳️ border-box
✳️ padding-box
✳️ content-box
✳️ text
Detail syntax and example is added in thread 🧵👇
Like and retweet first tweet, if you find this useful.
Follow for more content 🙂
1️⃣ background-clip: border-box
This is by default.
In this background extends behind the border 👇
This is by default.
In this background extends behind the border 👇
2️⃣ background-clip: padding-box
The background extends to inside edge of the border 👇
The background extends to inside edge of the border 👇
3️⃣ background-clip: content-box
The background extends till content box only 👇
The background extends till content box only 👇
4️⃣ -webkit-background-clip:text
The background is clipped to show text. Text of color is made transparent to see this working 👇
The background is clipped to show text. Text of color is made transparent to see this working 👇
Loading suggestions...