Crear un check con CSS
CSS
Publicado el 20 de Abril del 2020 por Katas (47 códigos)
1.715 visualizaciones desde el 20 de Abril del 2020
Código que muestra como crear un check y como poner ese check encima de un texto
<style>
span {
font-size:32px;
font-weight:bold;
margin:50px;
}
.check {
position:relative;
}
.check::after {
position:absolute;
content:"";
top: -2px;
left: 10px;
width: 12px;
height: 24px;
border-right:5px solid rgb(15, 157, 88, 0.8);
border-bottom:8px solid rgb(15, 157, 88, 0.8);
border-top: none;
border-left: none;
z-index:100;
transform:rotate(40deg);
box-shadow:2px 1px 0px 0px rgb(15, 157, 88, 0.2);
}
</style>
<span class='check'></span> <span class='check'>25</span>
Comentarios sobre la versión: 1 (0)
No hay comentarios