Tag: clip-path

Eine CSS Eigenschaft macht es möglich, an eine bestimmte region eines Objekts anzeigen.

Responsive clip-path mit inline-SVG

Anzahl der Antworten 1 Antworten
Auf ein element mit einem hintergrund (Bild oder Farbe nicht wirklich wichtig): <header id="block-header"></header> Ich bin versucht, einen clip-Pfad unter Verwendung der SVG. Um dies zu erreichen, ich bin putting SVG inline in das gleiche element wie

Warum svg <use xlink:href="#"/> Referenzierung eines Elements mit clip-Pfad nicht funktioniert?

Anzahl der Antworten 2 Antworten
Bei der Implementierung einer SVG-sprite, ein <svg> element erstellt wird, und svg-Elemente referenziert werden, die über die <use> element. Die mit <svg> element ist dann versteckt mit style="display: none;" Dem clip-Path-Attribut nicht machen, aber der Pfad ist.

Clip-Pfad funktioniert nicht in firefox [%- Werte]

Anzahl der Antworten 3 Antworten
Ich versuche zu laufen svg-clip-Pfad in mozilla, aber es funktioniert nicht. .mask-1 { -webkit-clip-path: polygon(0% 0%, 58% 0%, 39% 81.8%, 0% 81.8%); clip-path: polygon(0% 0%, 58% 0%, 39% 81.8%, 0% 81.8%); } Funktioniert es in chrome perfekt.

Clip-Pfad Einschub in CSS funktioniert nicht im chrome

Anzahl der Antworten 1 Antworten
Ich versuche zu verwenden die CSS-Eigenschaft clip-path, aber ich bekomme eine Invalid property value Fehler in Chrome. Hier eine kleine demo: CSS: .clip-me { clip-path: inset(0px 50px 50px 0px); /* top, right, bottom, left */ } HTML: