DOUM Coding

CSS Property Explanation 48

48. mask-image

Ye property define karti hai ki element ka kaunsa part visible hoga aur kaunsa hide.

Use Case:

Agar ek image ka sirf circular part visible karna ho to mask-image ka use karein.

Example:

img {
mask-image: radial-gradient(circle, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

Isse image ka outer area invisible ho jayega aur beech ka part dikhai dega
If you like this type of informative post, please like for more!

1 month ago | [YT] | 2