HTML + CSSBackgrounds
Brushed metal
A brushed aluminum texture with a streak of light that slides across it every few seconds.
Settings
1x
1x
1
Code
<div class="pt-metal"><i></i><b></b></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Backgrounds
Where to use it
Brushed metal gives a page a solid, engineered feel. It’s a good fit for the product page of a watch or audio brand, the landing page of a hardware startup or the top plan on a pricing page. The moving highlight makes the surface feel real, not printed. A brushed metal background made only with CSS gradients.
Dark text reads better than white on the light default colors, so check contrast before you publish. For a gold or copper version, switch the first two colors to warm tones and tint the highlight to match.