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

Premier prototype de page de choix a priori termine

Browse source
This commit is contained in:
Florian Ehr 2020-12-04 23:28:49 +01:00
parent d77df7b3f6
commit 2e20b02058
3 changed files with 31 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
CSS/etrange_decouverte.css
View file

@ -51,27 +51,41 @@ body {
} }
.button { .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; font-family: 'Special Elite', cursive;
border-radius: 20px; background-image: linear-gradient(to top, black -50%, #BF0909 80%);
background-color: #B0C4DE; cursor : pointer;
height: 3.8vh;
} }
.button:hover{ .button:hover {
animation-name: zslide; box-shadow: 0 0 50px #B0C4DE;
animation-duration: 3s;
} }
@keyframes zslide { .button:active {
background-image: linear-gradient(to top, #BF0909 20%, black 150%);
}
@keyframes oscille {
from { from {
font-size: 2vw; transform: rotate(0);
opacity: 1; }
25% {
transform: rotate(8deg);
}
75% {
transform: rotate(-8deg);
} }
to { to {
font-size: 6vw; transform: rotate(0);
opacity: 0;
} }
} }

1
HTML/etrange_decouverte.html
View file

@ -7,6 +7,7 @@
<link rel="stylesheet" href="../CSS/etrange_decouverte.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">
<script defer type="text/javascript" src="../JAVASCRIPT/etrange_decouverte.js"></script>
</head> </head>
<body> <body>
<header> <header>

4
JAVASCRIPT/etrange_decouverte.js
View file

@ -0,0 +1,4 @@
let safeButton = document.getElementById("safeButton");
console.log(safeButton);