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
Wofü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.