Neon Pulse
Box-shadow neon pulsant avec animation continue pour un effet cyberpunk intense.
Le code
Un aperçu du code source :
style.css
@keyframes neonPulse {
0%,
to {
box-shadow: #0ff 0 0 5px, #0ff 0 0 10px, #0ff 0 0 20px
}
50% {
box-shadow: #0ff 0 0 10px, #0ff 0 0 20px, #0ff 0 0 40px, #0ff 0 0 80px
}
🔒 Débloquer le code complet
HTML + CSS + JS complet, prêt à coller — avec 800 autres effets Premium.
Cas d'usage concrets
Quelques contextes où Neon Pulse fait mouche :
- Le bouton principal d'une page de vente
- Un CTA d'inscription newsletter
- Le bouton « Ajouter au panier » d'une boutique
Comment ça marche
Effet 100 % CSS — aucune dépendance JavaScript. Il s'appuie sur animation @keyframes.
À personnaliser
Tu peux régler :
- la vitesse d'animation (actuellement 2s)
Intégrer en 3 étapes
- Colle le HTML dans ta page, à l'endroit où tu veux l'effet.
- Ajoute le CSS à ta feuille de style (ou dans une balise <style>).
- Ajuste les couleurs et variables CSS à ta marque — aucune dépendance à installer.
Compatibilité navigateur
Fonctionne sur tous les navigateurs modernes (Chrome, Firefox, Safari, Edge). Responsive, avec dégradation propre.
Plus d'effets Boutons
Voir tous les effets Boutons →FAQ
Le code est-il gratuit ?
Cet effet fait partie de la bibliothèque Premium (801 effets, code prêt à coller). Environ 70 effets sont gratuits.
Comment l'intégrer à mon projet ?
Copie le HTML, le CSS et le JS et colle-les. Aucune dépendance, compatible tous frameworks.
Fonctionne sur mobile ?
Oui — les effets sont responsive et se dégradent proprement.