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;
|
||||
}
|
||||
|
||||
.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 {
|
||||
text-align: center;
|
||||
|
@ -55,6 +74,7 @@ button {
|
|||
background-color: #007BFF;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.3s, transform 0.2s;
|
||||
}
|
||||
|
|
|
@ -7,6 +7,7 @@
|
|||
<link rel="stylesheet" href="main.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
<header>
|
||||
<img src="logo.png" alt="Logo du Démineur" class="logo">
|
||||
|
@ -22,6 +23,10 @@
|
|||
</footer>
|
||||
</div>
|
||||
|
||||
<img src="bombe.png" alt="Bombe" class="bomb-drop">
|
||||
|
||||
<scirpt src="script.js"></scirpt>
|
||||
|
||||
<script>
|
||||
document.getElementById('play-button').addEventListener('click', () => {
|
||||
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