Direkt zum Inhalt springen
CSS-Tricks
  • Artikel
  • Notizen
  • Links
  • Anleitungen
  • Almanach
  • Zufall
Suche

Artikel mit Schlagwort
stroke

6 Artikel
{
,

}
Direkter Link zum Artikel Stroke Text CSS: The Definitive Guide
stroke SVG

Stroke Text CSS: The Definitive Guide

Immer wenn ich an umrandeten Text im Web denke, denke ich: nö.

Es gibt -webkit-text-stroke in CSS dafür, aber es platziert diese Umrandung in der Mitte der Vektorkontur der Zeichen, absolut sicherstellend, dass das Zeichen …

Avatar of Chris Coyier
Chris Coyier am 3. Sep 2020
Direkter Link zum Artikel: A Trick That Makes Drawing SVG Lines Way Easier
path stroke stroke-dasharray SVG

A Trick That Makes Drawing SVG Lines Way Easier

Beim Zeichnen von Linien mit SVG haben Sie oft ein <path></path>-Element mit einem stroke. Sie setzen ein stroke-dasharray, das so lang ist wie der Pfad selbst, sowie einen stroke-offset, der sich so weit erstreckt, dass der gesamte Strich …

Avatar of Chris Coyier
Chris Coyier am 28. Feb 2020
Direkter Link zum Artikel iconsvg.xyz
icon system stroke SVG

iconsvg.xyz

Es gibt viel, was an Gaddafi Rusli’s ICONSVG gefällt.

  1. Es stellt Inline-<svg> bereit, was der generell nützlichste Weg ist, sie auszuliefern, und wahrscheinlich der Weg, wie sie sowieso verwendet werden sollten. Jedes Icon ist ein winziges
…
Avatar of Chris Coyier
Chris Coyier am 25. Feb 2019
Direkter Link zum Artikel Sketch Now Replicates Inside & Outside Stroke Alignment
sketch stroke SVG

Sketch Now Replicates Inside & Outside Stroke Alignment

Ich habe mich erst letzte Woche über Umrandungen (strokes) beschwert

Und das ist das Problem mit text-stroke in CSS: Man hat keine Wahl. Es ist nur eine zentrierte Umrandung. Jede der beiden anderen Optionen [außen ausgerichtete oder innen ausgerichtete], wohl, wäre nützlicher gewesen.

Es gibt immer noch …

Avatar of Chris Coyier
Chris Coyier am 13. Apr 2017
Direkter Link zum Artikel: stroke-dasharray
stroke stroke-dasharray SVG

stroke-dasharray

Die stroke-dasharray-Eigenschaft in CSS legt die Länge der Striche in der Kontur von SVG-Formen fest. Genauer gesagt, legt sie die Länge eines Musters aus abwechselnden Strichen und den dazwischen liegenden Lücken fest.…

Avatar of Geoff Graham
Geoff Graham on 13. Juli 2022
Direkter Link zum Artikel: Scroll Drawing
pathLength stroke stroke-dasharray SVG

Scroll Drawing

Wir haben uns bereits genauer angesehen, wie SVG-Linienzeichnungen funktionieren. Es ist ein cleverer Trick, bei dem Sie gestrichelte Linien für den Strich verwenden, aber die Lücke im Strich ist so lang, dass sie den gesamten Pfad abdeckt. Dann …

Avatar of Chris Coyier
Chris Coyier am 27. Jan 2020

CSS-Tricks wird unterstützt von DigitalOcean.

Bleiben Sie auf dem Laufenden über Web-Entwicklung

mit unserem handverlesenen Newsletter

DigitalOcean
  • Über DO
  • Cloudways
  • Rechtliches
  • Holen Sie sich kostenloses Guthaben!
CSS-Tricks
  • Schreiben Sie für uns!
  • Werben Sie bei uns
  • Kontaktieren Sie uns
Soziales
  • RSS-Feeds
  • CodePen
  • Mastodon
  • X
Nach oben

© .