JSFiddle - React, Tailwind, and code Playground

by toubia95

HTML

<span class="stripped"><img src="https://blog.frantext.fr/wp-content/uploads/2022/03/dispersion-690x345.png"></span>

CSS

.stripped {
  display: inline-block;
  background-color: red;
  position: relative;
}
.stripped::before {
  content: '';
  display: block;
  background: repeating-linear-gradient(rgba(0,0,0,0.5), black 1px, transparent 1px, transparent 2px);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}