From 2e20b02058dc32c5348a87e9596bc82e17770880 Mon Sep 17 00:00:00 2001 From: Flo E Date: Fri, 4 Dec 2020 23:28:49 +0100 Subject: [PATCH] Premier prototype de page de choix a priori termine --- CSS/etrange_decouverte.css | 38 ++++++++++++++++++++++---------- HTML/etrange_decouverte.html | 1 + JAVASCRIPT/etrange_decouverte.js | 4 ++++ 3 files changed, 31 insertions(+), 12 deletions(-) diff --git a/CSS/etrange_decouverte.css b/CSS/etrange_decouverte.css index 033dd33..3b34f69 100644 --- a/CSS/etrange_decouverte.css +++ b/CSS/etrange_decouverte.css @@ -51,27 +51,41 @@ body { } .button { + outline: none; + border: 3px solid white; + border-radius: 50px; + height: 8vh; + min-width: 15vw; + padding: 0px 10px 0px 10px; + color: ; font-family: 'Special Elite', cursive; - border-radius: 20px; - background-color: #B0C4DE; - height: 3.8vh; + background-image: linear-gradient(to top, black -50%, #BF0909 80%); + cursor : pointer; } - .button:hover{ - animation-name: zslide; - animation-duration: 3s; + .button:hover { + box-shadow: 0 0 50px #B0C4DE; } - @keyframes zslide { + .button:active { + background-image: linear-gradient(to top, #BF0909 20%, black 150%); + } + + @keyframes oscille { from { - font-size: 2vw; - opacity: 1; + transform: rotate(0); + } + + 25% { + transform: rotate(8deg); + } + + 75% { + transform: rotate(-8deg); } to { - font-size: 6vw; - opacity: 0; - + transform: rotate(0); } } diff --git a/HTML/etrange_decouverte.html b/HTML/etrange_decouverte.html index 751876a..7163986 100644 --- a/HTML/etrange_decouverte.html +++ b/HTML/etrange_decouverte.html @@ -7,6 +7,7 @@ +
diff --git a/JAVASCRIPT/etrange_decouverte.js b/JAVASCRIPT/etrange_decouverte.js index e69de29..3e92cdc 100644 --- a/JAVASCRIPT/etrange_decouverte.js +++ b/JAVASCRIPT/etrange_decouverte.js @@ -0,0 +1,4 @@ +let safeButton = document.getElementById("safeButton"); + + +console.log(safeButton); \ No newline at end of file