| Margin al clickear |
.class{margin:0 0.1rem 0.1rem 0;}
.class:active{margin:0.1rem 0 0 0.1rem;}
|
|
| Sombra cuando pasas x encima |
.class:hover{box-shadow:2px 2px 2px gray;}
|
|
| Bold cuando pasas x encima |
.class:hover{font-weight:bold;}
|
|
| Se agranda cuando pasas x encima |
.class{transition:all 200ms ease-in-out;}
.class:hover{transform:scale(1.2);}
|
|
| Muestra un número sobre el botón |
.class{position:relative;}
.class::before{position:absolute;}
|
|
Fondo blanco y sombra faded en los bordes
.class{
background-color:white;
box-shadow:0 0 1rem rgba(83,78,76,0.5);
margin:0.5rem;}
Colorido con fondo blanco y sombra faded en los bordes
.class{
background-color:
white;
box-shadow:
0 0 1rem rgba(83,78,76,0.5);
margin:0.5rem;}
dentro de Imagen con fondo blanco y sombra faded en los bordes
.class{
background-color:
white;
box-shadow:
0 0 1rem rgba(83,78,76,0.5);
margin:
0.5rem;
border:
4px solid;
border-image:
url(../img/agua-piscina.jpg) 60 30;}
