diff --git a/potain05/assets/jeu.js b/potain05/assets/jeu.js
index e7d8828..6ae036b 100644
--- a/potain05/assets/jeu.js
+++ b/potain05/assets/jeu.js
@@ -52,7 +52,7 @@ function round() {
let zone = zones[Math.floor(Math.random() * zones.length)];
zone.classList.remove("inactive");
setTimeout(function() {
- zone.style.transition = `background-color ${timeBetween-(MIN_TIME_BETWEEN / 2)}ms`;
+ zone.style.transition = `opacity ${timeBetween-(MIN_TIME_BETWEEN / 2)}ms`;
}, 100);
setTimeout(function () {
zone.classList.add("fade-out");
diff --git a/potain05/assets/style.css b/potain05/assets/style.css
index 6422c48..be07121 100644
--- a/potain05/assets/style.css
+++ b/potain05/assets/style.css
@@ -86,10 +86,14 @@ a {
.img-holder .zone {
position: absolute;
display: block;
- background-color: #c6ff50;
+ background-image: url("../images/gouttes.png");
+ background-size: contain;
+ background-repeat: repeat;
+ background-position: center;
+ filter: invert(71%) sepia(80%) saturate(342%) hue-rotate(72deg) brightness(102%) contrast(100%);
}
.img-holder .zone.inactive,
.img-holder .zone.fade-out {
- background-color: transparent;
+ opacity: 0;
}
diff --git a/potain05/images/fond.png b/potain05/images/fond.png
index 5a62c42..4fa848b 100644
Binary files a/potain05/images/fond.png and b/potain05/images/fond.png differ
diff --git a/potain05/images/gouttes.png b/potain05/images/gouttes.png
new file mode 100644
index 0000000..bfbf428
Binary files /dev/null and b/potain05/images/gouttes.png differ
diff --git a/potain05/index.html b/potain05/index.html
index 2f53cb7..4c6b2aa 100644
--- a/potain05/index.html
+++ b/potain05/index.html
@@ -27,11 +27,19 @@
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
FÉLICITATIONS 🎉
PERDU 😞