wordpress
Proyectos Html Js Css
Blurry loading effect
What are You Looking for?
Search
javascript
php
Inicio
Efecto Hover en Botón
By
José Alberto Mx
enero 8, 2026
Efecto Hover en Botón
Play
HTML JS Y CSS
<style> body{ background-color:#222; } .btn{ padding: 15px 30px; font-size:18px; color:white; background-color:transparent; font-weight:bold; border:none; box-shadow:0 0 3px #fff; position:relative; overflow:hidden; z-index:1; } .btn::before{ width: 120%; height:100%; content:''; top:0; background-color:#ff0057; z-index: -1; left:-200px; position:absolute; transform:skewX(-45deg); transition: all 0.5s ease; } .btn:hover::before{ left:200px; } </style> <button class="btn" href="#">Efecto hover-</button> </div> </div>
RESULTADO
Read Next
By
José Alberto Mx
enero 8, 2026
Animated Loader
javascript
By
José Alberto Mx
enero 9, 2026
Animated Glowing Progress Bar
javascript
By
José Alberto Mx
agosto 27, 2024
Eventos de Mouse – Javascript
javascript
By
José Alberto Mx
agosto 28, 2024
Eventos del teclado
javascript
