From d77df7b3f6c5ca4da3c2f440d83c6e0c8e207107 Mon Sep 17 00:00:00 2001 From: Flo E Date: Fri, 4 Dec 2020 15:26:02 +0100 Subject: [PATCH] =?UTF-8?q?[WIP]=20boutons=20stylis=C3=A9s,=20a=20voir=20p?= =?UTF-8?q?our=20am=C3=A9lioration,=20cr=C3=A9ation=20du=20dossier=20javas?= =?UTF-8?q?cript?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CSS/{choix1.css => etrange_decouverte.css} | 26 ++++++++++++++++++- HTML/{choix1.html => etrange_decouverte.html} | 8 +++--- JAVASCRIPT/etrange_decouverte.js | 0 3 files changed, 29 insertions(+), 5 deletions(-) rename CSS/{choix1.css => etrange_decouverte.css} (66%) rename HTML/{choix1.html => etrange_decouverte.html} (78%) create mode 100644 JAVASCRIPT/etrange_decouverte.js diff --git a/CSS/choix1.css b/CSS/etrange_decouverte.css similarity index 66% rename from CSS/choix1.css rename to CSS/etrange_decouverte.css index 01c8b94..033dd33 100644 --- a/CSS/choix1.css +++ b/CSS/etrange_decouverte.css @@ -46,11 +46,35 @@ body { } #buttons { - color: red; display: flex; justify-content: space-around; } + .button { + font-family: 'Special Elite', cursive; + border-radius: 20px; + background-color: #B0C4DE; + height: 3.8vh; + } + + .button:hover{ + animation-name: zslide; + animation-duration: 3s; + } + + @keyframes zslide { + from { + font-size: 2vw; + opacity: 1; + } + + to { + font-size: 6vw; + opacity: 0; + + } + } + footer { color: green; display: flex; diff --git a/HTML/choix1.html b/HTML/etrange_decouverte.html similarity index 78% rename from HTML/choix1.html rename to HTML/etrange_decouverte.html index f8606ab..751876a 100644 --- a/HTML/choix1.html +++ b/HTML/etrange_decouverte.html @@ -3,8 +3,8 @@ - Document - + INSAïde + @@ -22,8 +22,8 @@

- - + +
diff --git a/JAVASCRIPT/etrange_decouverte.js b/JAVASCRIPT/etrange_decouverte.js new file mode 100644 index 0000000..e69de29