Botón con animación con CSS
CSS
Publicado el 9 de Enero del 2021 por Katas (47 códigos)
1.859 visualizaciones desde el 9 de Enero del 2021
Botón de CSS con animación de una cortina que sube desde abajo hasta arriba al pasar el ratón por encima.


<!DOCTYPE html>
<html>
<head>
<style>
.moveUp {
position: relative;
display:inline-block;
border:2px solid #a0d11e;
padding: 10px 30px;
overflow: hidden;
text-decoration: none;
}
.moveUp:link, .moveUp:visited {
color: #a0d11e;
}
.moveUp:hover {
color: white;
}
.moveUp:after {
content: " ";
position:absolute;
top:100%;
left:0px;
height:100%;
width:100%;
background-color: #a0d11e;
transition: all 0.15s;
z-index: -1;
}
.moveUp:hover:after {
transition: all 0.15s;
top:0px;
}
</style>
</head>
<body>
<a href="https://www.lawebdelprogramador.com" class='moveUp'>
La Web del Programador
</a>
</body>
</html>
Comentarios sobre la versión: 1 (0)
No hay comentarios