WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Un code par sam_64
1193
sam_64
Ouvrir dans l'éditeur
Publiez votre code
0
Recommandé
30 June 2025
Un code de Metr
13 June 2025
Un code de Metehan
22 January 2026
Modèle HTML pour un mode de vie durable et une retraite en pleine nature
HTML
Copy
<div style="text-align:center; margin-top: 2rem;"> <button class="order-btn">Order</button> </div>
CSS
Copy
.order-btn { display: inline-block; padding: 1rem 4rem; font-size: 1.2rem; color: #fff; background: linear-gradient(90deg, #ff9800, #f44336); border: none; border-radius: 30px; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,0.15); transition: transform 0.2s, box-shadow 0.2s, background 0.4s; position: relative; overflow: hidden; } .order-btn::after { content: ''; position: absolute; left: -75%; top: 0; width: 50%; height: 100%; background: rgba(255,255,255,0.25); transform: skewX(-20deg); transition: left 0.4s; } .order-btn:hover { transform: scale(1.07) translateY(-2px); box-shadow: 0 8px 24px rgba(244,67,54,0.18); background: linear-gradient(90deg, #f44336, #ff9800); } .order-btn:hover::after { left: 120%; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
