Texteffekte

Letterpress proof card

Letterpress proof card: Ein Buchdruckabzug einer kurzen ?berschrift wird erneut eingef?rbt und gedruckt; l?ngeres Dr?cken sorgt f?r mehr Farbe und eine tiefere Pr?gung im Papier, und jeder Abzug wird nummeriert.

Every Proof Pulled by Hand

Harbor Street Press, broadside no. 3

Hold longer for a heavier impression

Press and hold the sheet for a heavier impression.

Letterpress proof card verwenden

Letterpress proof card verwendet das Vorschauformat „Karte“ mit der Theme-Einstellung „hell/dunkel“.

Vorschau anpassen

Diese Einstellungen werden an die Demo übergeben. Standardwerte und Grenzen gelten für die Vorschau; die vollständige Props-API steht in der Implementierung.

Einstellung	Typ	Standardwert	Vorschaugrenzen
`text`	`text`	`Every Proof Pulled by Hand`	Bis zu 40 Zeichen
`caption`	`text`	`Harbor Street Press, broadside no. 3`	Bis zu 48 Zeichen
`ink`	`color`	`#1F2330`	Keine weitere Grenze in den Metadaten.
`spotInk`	`color`	`#FF4D8D`	Keine weitere Grenze in den Metadaten.
`paper`	`color`	`#EEE7D8`	Keine weitere Grenze in den Metadaten.
`pressure`	`number`	`0.55`	Von 0 bis 1; Schrittweite 0.05
`autoPull`	`boolean`	`true`	Keine weitere Grenze in den Metadaten.

Für welche Frameworks ist Letterpress proof card verfügbar?

Letterpress proof card ist für React, Vue, Svelte, Astro, HTML verfügbar. Die Live-Vorschau verwendet React; die folgenden Quellcode-Beobachtungen beziehen sich auf index.tsx. Prüfe die gewählte Portierung auf die benötigten Interaktionen.

Welche Abhängigkeiten hat Letterpress proof card?

Die React-Metadaten nennen keine zusätzlichen npm-Abhängigkeiten neben React.

Welche Details zur Barrierefreiheit sind in Letterpress proof card erkennbar?

Der React-Quellcode von Letterpress proof card enthält: native Elemente (button); Attribute und Ereignisbehandler (aria-atomic, aria-describedby, aria-hidden, aria-label, aria-live). Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.

Wie berücksichtigt Letterpress proof card reduzierte Bewegung?

Letterpress proof card liest die Bewegungseinstellung im React-Quellcode über matchMedia(prefers-reduced-motion). Prüfe die vollständige Implementierung, gemeinsame Stile und die gewählte Portierung mit aktivierter Bewegungsreduktion; diese Beobachtungen belegen keinen vollständigen Animationsstopp.

Verbinde deinen Agenten

Verwandte offene Komponenten

2824Cascading Letter RevealTexteffekteEine Überschrift, die sich Buchstabe für Buchstabe offenbart, mit einem sanften Auf- und Abschwellen, wenn sie sichtbar wird, und dann unverändert bleibt, wenn sie fertig ist.

2124Color Band Text RevealTexteffekteEin weiches Band aus mehreren Farben gleitet mit einer sanften Hin- und Herbewegung einmal über eine Textzeile und färbt jeden Buchstaben ein, bevor der Text eine feste Farbe annimmt.

1962Flowing gradient headlineTexteffekteEine Überschrift, deren Buchstaben mit einem beweglichen zweifarbigen Farbverlauf gefüllt sind, sodass ein helles Band endlos durch die Wörter gleitet, mit optionalem sanftem Blütenhintergrund dahinter.

2248Striped shadow headingTexteffekteEine fettgedruckte Überschrift mit einer dahinter versetzten Duplikatkopie, gefüllt mit diagonalen Streifen, die wie ein langer Schlagschatten weiterziehen.

2464Wavy letter headingTexteffekteEine Überschrift, deren Buchstaben auf einer langsamen Welle schweben, wobei jeder einzelne dem letzten hinterherhinkt, sodass sich die Zeile wie eine Fahne bewegt, ohne ihre Grundlinie zu verlieren.

1930Shimmer Wave TextTexteffekteEine Helligkeitswelle streicht einmal über eine Textzeile und beleuchtet nacheinander jedes Zeichen, bevor es wieder gedimmt wird, dann kurz anhält und sich wiederholt.