WEBLEB
Home
Editor
Accedi
Pro
Italiano
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Un codice di sam_64
1088
sam_64
Apri nell'Editor
Video
Pubblica il Tuo Codice
0
Consigliato
10 June 2025
Un codice di Mete
10 November 2024
Barra di navigazione
26 June 2025
Generatore di siti web con intelligenza artificiale | Trascina e rilascia | WebMaster
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) */
