Accès rapides

Retour

1. Créer un tableau de 4 colonnes, tableau responsive-1000, et définir la taille des cellules (25% etc.), ajouter les pictos et les titres + faire les liens

2. Dans le css, créer une class " .tabl-acces et l'ajouter à toutes les cellules

3. Ajouter le css suivant :

.tabl-acces{

position:relative;
}

.responsive-table-1000 .tabl-acces{

(min-width:470px) and (max-width: 980px)

display: table-cell !important;
width: 25% !important;

(min-width: 980px)

display: table-cell !important;
width: 25% !important;
padding:20px;

}

.tabl-acces:after {

(min-width:980px)

width: 100%;
height:87px;
border-radius:30px;
box-shadow: 0 2px 20px rgb(40 40 40 / 10%);
background-color: #fff;
bottom: 0;
position: absolute;
content: "";
left: 0;
z-index: -1;
transition: all .25s;
}

.tabl-acces:hover::after {

(min-width:1200px)

height:131px;
transition: all .25s;
}

.tabl-acces:before {

(min-width:1200px)

width:10px;
height:10px;
background-color: #f37441;
border-radius: 50%;
bottom:-6px;
left: 0;
right: 0;
margin: auto;
position: absolute;
}

.tabl-acces:hover::before {

(min-width:1200px)

content: "";
transition: .25s;
}