Original

CSS clip (alt)

.frei { clip: rect(); }

CSS clip-path (modern)

.frei { clip-path: inset() }

CSS clip-path polygon

.frei { clip-path: polygon() }

CSS clip-path und SVG

.frei { clip-path: url() }

CSS clip-path: path()

.morph { clip-path: path() }

CSS mask – weiche Maske

.smooth { mask: url(image.webp) }

CSS background-clip

.text-content { 
   background-image: 
      url('rheinauen.jpg');
   background-size: cover;
   background-clip: text;
   color: transparent;
}