0

I want to use a mask in CSS to mask an element. But it repeats in entire of my element. I want only one mask in a specific position. This what I have right now: enter image description here

But I want something like this: enter image description here

For the record, I know there is a mask-repeat property in CSS. But it only works with repeat-x and repeat-y values. So, how can I have only one mask in my element?

Temani Afif
  • 245,468
  • 26
  • 309
  • 415
Hossein Rahimi
  • 107
  • 1
  • 7
  • 1
    Questions seeking code help must include the shortest code necessary to reproduce it **in the question itself** preferably in a [**Stack Snippet**](https://meta.stackoverflow.com/questions/358992/ive-been-told-to-create-a-runnable-example-with-stack-snippets-how-do-i-do). See [**How to create a Minimal, Reproducible Example**](http://stackoverflow.com/help/reprex) – Paulie_D Dec 04 '19 at 15:48
  • *But it only works with repeat-x and repeat-y values* --> no, you can specify `no-repeat` – Temani Afif Dec 04 '19 at 19:28

0 Answers0