Arrière plan fou
Fogiel
-
-L0Lock- Messages postés 8409 Statut Membre -
-L0Lock- Messages postés 8409 Statut Membre -
Bonjour,
j'ai cherché partout je n'ai rien trouvé à ce que je cherche.
Comment faire pour que mon site devienne tout flou lorsque je clique sur un bouton dont une boite de dialogue s'ouvre. En gros la boite de dialogue s'ouvre, et l'arrière plan et uniquement l'arrière plan (mon site) soit flou.
le bouton est de type
Merci a l'avance :)
j'ai cherché partout je n'ai rien trouvé à ce que je cherche.
Comment faire pour que mon site devienne tout flou lorsque je clique sur un bouton dont une boite de dialogue s'ouvre. En gros la boite de dialogue s'ouvre, et l'arrière plan et uniquement l'arrière plan (mon site) soit flou.
le bouton est de type
<bouton onclick="showDialog()">Voir</bouton>
Merci a l'avance :)
A voir également:
- Arrière plan fou
- Youtube en arrière plan - Guide
- Arrière plan - Guide
- Arriere plan pc - Guide
- Arrière-plan messenger vidéo - Guide
- Jm plan c - Forum Consommation & Internet
1 réponse
Yo ho!
Pour l'effet flou, regarde du coté des filtres CSS. T'as juste à l'appliquer à un élément qui englobe tout ce que tu veux flouter (et faudra faire en sorte que le code de la boîte de dialogue soit en-dehors).
Ensuite, faut trouver comment le déclencher au bon moment, mais je me souviens plus trop. ^^'
Mais regarde un peu sur le site que je t'ai passé, il me semble que l'un de leurs tuto aborde un effet de flou appliqué aux éléments non-sélectionnés.
J'aime les pommes...
Pour l'effet flou, regarde du coté des filtres CSS. T'as juste à l'appliquer à un élément qui englobe tout ce que tu veux flouter (et faudra faire en sorte que le code de la boîte de dialogue soit en-dehors).
Ensuite, faut trouver comment le déclencher au bon moment, mais je me souviens plus trop. ^^'
Mais regarde un peu sur le site que je t'ai passé, il me semble que l'un de leurs tuto aborde un effet de flou appliqué aux éléments non-sélectionnés.
J'aime les pommes...
display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background-color: #fff; opacity: 0.1;en fait a la place d'avoir un fond blanc opacity: 0.1 derrière la boite de dialogue, je voudrais que ce soit flou