Gebürstetes Metall
Eine gebürstete Aluminium-Textur, über die alle paar Sekunden ein Lichtreflex gleitet.
Einstellungen
Code
<div class="pt-metal"><i></i><b></b></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Hintergründe
Alle ansehen: HintergründeWofür du ihn nutzen kannst
Gebürstetes Metall gibt einer Seite etwas Solides, fast Ingenieurhaftes. Es passt zur Produktseite einer Uhren- oder Audiomarke, zur Landingpage eines Hardware-Startups oder zum teuersten Tarif auf einer Preisseite. Durch den wandernden Reflex wirkt die Oberfläche echt und nicht wie eine flache Textur. Ein Hintergrund in gebürsteter Metalloptik, nur aus CSS-Verläufen.
Auf den hellen Standardfarben liest sich dunkler Text besser als weißer, prüf also den Kontrast, bevor du live gehst. Für eine Gold- oder Kupferversion stellst du die ersten beiden Farben auf warme Töne und färbst den Reflex passend ein.