lighting button specular glossy cta high-value CTA buttons glossy product actions premium signup buttons CTA buttons need stronger visual reward want a glossy pass without video or JS need compact premium motion
Specular Button
Fetch snippet JSON:
curl https://webspire.de/snippets/lighting/specular-button.json Specular highlights make a glossy button feel more tactile without adding extra structure.
Background
Customize
Quick Start
<button class="specular-button rounded-full px-6 py-3 font-semibold text-white">Start now</button>Details
- Tailwind
- v4.x
- Browser
- baseline-2024
- Size
- 779 bytes · 27 lines
- Custom Properties
-
--specular-bg--specular-duration - Classes
-
.specular-button
lighting button specular glossy cta
A compact high-end sheen for buttons. It gives actions a polished, almost coated finish without turning the whole UI into chrome.