main
This commit is contained in:
parent
d322df708e
commit
55170c4a52
5 changed files with 1072 additions and 1 deletions
BIN
bombe.png
Normal file
BIN
bombe.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 28 KiB |
BIN
logo.png
Normal file
BIN
logo.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.5 KiB |
22
main.css
22
main.css
|
@ -12,8 +12,27 @@ body {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bomb-drop {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
position: absolute;
|
||||||
|
top: -60px;
|
||||||
|
animation: fall 3s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fall {
|
||||||
|
0%{
|
||||||
|
top: -60px;
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
50%{
|
||||||
|
transform: rotate(180deg);
|
||||||
|
}
|
||||||
|
100%{
|
||||||
|
top:100vh;
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -55,6 +74,7 @@ button {
|
||||||
background-color: #007BFF;
|
background-color: #007BFF;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
|
text-transform: uppercase;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: background-color 0.3s, transform 0.2s;
|
transition: background-color 0.3s, transform 0.2s;
|
||||||
}
|
}
|
||||||
|
|
|
@ -7,6 +7,7 @@
|
||||||
<link rel="stylesheet" href="main.css">
|
<link rel="stylesheet" href="main.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<header>
|
<header>
|
||||||
<img src="logo.png" alt="Logo du Démineur" class="logo">
|
<img src="logo.png" alt="Logo du Démineur" class="logo">
|
||||||
|
@ -22,6 +23,10 @@
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<img src="bombe.png" alt="Bombe" class="bomb-drop">
|
||||||
|
|
||||||
|
<scirpt src="script.js"></scirpt>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
document.getElementById('play-button').addEventListener('click', () => {
|
document.getElementById('play-button').addEventListener('click', () => {
|
||||||
window.location.href = 'game.html';
|
window.location.href = 'game.html';
|
||||||
|
|
1046
png-efjci.html
Normal file
1046
png-efjci.html
Normal file
File diff suppressed because it is too large
Load diff
Loading…
Reference in a new issue