bamarty/Projet_Prog_Web
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

[WIP] boutons stylisés, a voir pour amélioration, création du dossier javascript

Browse source
This commit is contained in:
Florian Ehr 2020-12-04 15:26:02 +01:00
parent 826d4ea2b1
commit d77df7b3f6
3 changed files with 29 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
CSS/choix1.css → CSS/etrange_decouverte.css
View file

@ -46,11 +46,35 @@ body {
} }
#buttons { #buttons {
color: red;
display: flex; display: flex;
justify-content: space-around; 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 { footer {
color: green; color: green;
display: flex; display: flex;

8
HTML/choix1.html → HTML/etrange_decouverte.html
View file

@ -3,8 +3,8 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> <title>INSAïde</title>
<link rel="stylesheet" href="../CSS/choix1.css"> <link rel="stylesheet" href="../CSS/etrange_decouverte.css">
<link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet">
</head> </head>
@ -22,8 +22,8 @@
</p> </p>
</article> </article>
<div id="buttons"> <div id="buttons">
<button id="safeButton">Aller dormir, ça fait trop peur</button> <button id="safeButton" class="button">Aller dormir, ça fait trop peur</button>
<button id="riskyButton">Le suivre</button> <button id="riskyButton" class="button">Le suivre</button>
</div> </div>
</section> </section>
</main> </main>

0
JAVASCRIPT/etrange_decouverte.js Normal file
View file