Hi everyone how are you all doing ? Please help I am just about a week old in the css world and really lost on how to go about masking correctly, however since my office css tutor Won’t go straight to the point I went in shearch of help online and found this css code on some website
Css mask
“`
* {
box-sizing: border-box;
}
body {
margin: 0;
background: #8f7a66;
}
.el {
width: 100vw;
height: 100vh;
padding: 1rem;
background-image: url(https://images.unsplash.com/photo-1528287942171-fbe365d1d9ac?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&w=1200&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ);
background-size: cover;
background-position: center;
mask-image: linear-gradient(to bottom, transparent 10%, black);
}
It’s did went a long way but am totally lost on how to change the image url to the following below
Any assistance will be greatly appreciated 🙏
Thanks in advance