Priorité d'affichage sur un swap div
Résolu/Fermé
Utilisateur anonyme
-
30 nov. 2018 à 18:11
lugdanum Messages postés 116 Date d'inscription vendredi 13 mai 2005 Statut Membre Dernière intervention 4 novembre 2024 - 1 déc. 2018 à 18:50
lugdanum Messages postés 116 Date d'inscription vendredi 13 mai 2005 Statut Membre Dernière intervention 4 novembre 2024 - 1 déc. 2018 à 18:50
A voir également:
- Priorité d'affichage sur un swap div
- Swap windows - Guide
- Double affichage sur un seul écran - Guide
- Div c++ - Télécharger - Langages
- Windows 11 affichage classique - Guide
- Comment agrandir l'affichage de l'écran - Guide
1 réponse
lugdanum
Messages postés
116
Date d'inscription
vendredi 13 mai 2005
Statut
Membre
Dernière intervention
4 novembre 2024
41
30 nov. 2018 à 22:36
30 nov. 2018 à 22:36
Hello
Par exemple au niveau du css tu ajoutes :
Dans ton html :
Et tu augmente un peu le top dans le css (en fonction de la taille nécessaire // hauteur div) :
->
EX : https://codepen.io/lugdanum/pen/rQoXyx
Tiens nous au courant....
Par exemple au niveau du css tu ajoutes :
.button {
display: inline-block;
padding: 15px 25px;
font-size: 24px;
cursor: pointer;
text-align: center;
text-decoration: none;
outline: none;
color: #fff;
background-color: #4CAF50;
border: none;
border-radius: 15px;
box-shadow: 0 9px #999;
}
.button:hover {background-color: #3e8e41}
.button:active {
background-color: #3e8e41;
box-shadow: 0 5px #666;
transform: translateY(4px);
}
Dans ton html :
<div class='tab tab-1'>
<h1>Prepare gift</h1>
<p><button class="button">Shadow on Hover</button></p>
</div>
Et tu augmente un peu le top dans le css (en fonction de la taille nécessaire // hauteur div) :
body .progress_inner__tabs .tab {
opacity: 0;
position: absolute;
top: 40px;
text-align: center;
margin-top: 80px;
box-shadow: 0px 2px 1px #80b7d5;
padding: 30px;
background: white;
border-radius: 10px;
transition: all .2s;
}
->
top: 150px;
EX : https://codepen.io/lugdanum/pen/rQoXyx
Tiens nous au courant....
1 déc. 2018 à 18:43
merci de ton intervention !!
1 déc. 2018 à 18:50
@ une prochaine