Bonjour à tous et bonne année,
Voici une partie de mon
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
><div id="bolo"></div>
div class="texte"><h1>Titre</h1>Texte</div>
Je souhaiterais que la div "texte" par dessus la div "bolo" qui est une animation JS utilisant l'effet blur.
Je vous donne mes CSS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
#bolo {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #55bb55;
  overflow: hidden;
  height: 100%;
  width: 100%;
  filter: blur(40px) saturate(5);
	z-index: -100;
}
#bolo div {
  height: 60%;
  width: 60%;
  background: #fc00ff;
  background: radial-gradient(circle, #ff0044 , #00dbde);
  position: fixed;
  border-radius: 50%;
		z-index: 99999;
 
}
.texte {
color: black;
width: 100vw;
padding-left: 20vw;
padding-right:20vw;
padding-top:10vh;
padding-bottom: 10vh;
background-color: white;}
Merci pour votre aide et bonne soirée,
ED