WEBLEB
Home
Editor
Accedi
Pro
Italiano
English
Français
Español
Português
Deutsch
Italiano
हिंदी
5606
codex
Apri nell'Editor
Pubblica il Tuo Codice
16 September 2024
Costruire uno skyline
HTML
Copy
CSS Button
Submit
CSS
Copy
body{ background-color: #212121; height: 100vh; display: flex; justify-content: center; align-items: center; overflow: hidden; } button{ padding: 0.8em 1.8em; border-radius: 8px; background-color: transparent; color:#17c3b2; border:2px solid #17c3b2; font-size: 16px; cursor: pointer; z-index: 1; transition: 0.3s; overflow:hidden ; position: relative; } button:before{ content:''; width: 0; height: 300%; position: absolute; top: 50%; left: 50%; transition: 0.5s ease; transform: translate(-50%,-50%) rotate(45deg); display: block; z-index: -1; background-color: #17c3b2; } button:hover::before{ width: 105%; } button:hover{ color:#111; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */