add favicon
This commit is contained in:
BIN
favicon.png
Normal file
BIN
favicon.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 11 KiB |
11
index.css
11
index.css
@ -13,27 +13,30 @@ div.container {
|
||||
|
||||
background:
|
||||
linear-gradient(rgba(255, 0, 0, 1) 0%, rgba(255, 154, 0, 1) 10%, rgba(208, 222, 33, 1) 20%, rgba(79, 220, 74, 1) 30%, rgba(63, 218, 216, 1) 40%, rgba(47, 201, 226, 1) 50%, rgba(28, 127, 238, 1) 60%, rgba(95, 21, 242, 1) 70%, rgba(186, 12, 248, 1) 80%, rgba(251, 7, 217, 1) 90%, rgba(255, 0, 0, 1) 100%) 0 0/100% 200%;
|
||||
animation: rainbow 5s linear infinite;
|
||||
animation: rainbow 6s linear infinite;
|
||||
}
|
||||
|
||||
video {
|
||||
display: flex;
|
||||
margin: 50px;
|
||||
margin: 200px;
|
||||
max-width: 1920px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 24px;
|
||||
transform: scale(0.9) rotate(0deg);
|
||||
box-shadow: 12px 12px 12px 12px rgba(0, 0, 0, 0.5);
|
||||
animation: 3s ease-in-out 1s alternate infinite scale;
|
||||
}
|
||||
|
||||
@keyframes scale {
|
||||
from {
|
||||
transform: scale(1) rotate(0deg);
|
||||
transform: scale(0.9) rotate(0deg);
|
||||
box-shadow: 12px 12px 12px 12px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: scale(1.1) rotate(1deg);
|
||||
transform: scale(1) rotate(1deg);
|
||||
box-shadow: 48px 48px 48px 12px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -5,11 +5,12 @@
|
||||
<meta charset="UTF-8" />
|
||||
<title>Météo Rance</title>
|
||||
<link rel="stylesheet" href="index.css">
|
||||
<link rel="icon" type="image/png" href="favicon.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<video autoplay controls loop>
|
||||
<video autoplay controls>
|
||||
<source src="tarpinchaud.webm" type="video/webm">
|
||||
</video>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user