Browse Source

logo et lien

master
leandre.clochard 3 years ago
parent
commit
3383835b05
  1. 4
      Index.html
  2. BIN
      image/casino.png
  3. BIN
      image/logo.png
  4. 3
      lien.txt
  5. 30
      styles.css

4
Index.html

@ -12,7 +12,7 @@
</head> </head>
<body> <body>
<img src="logo.jpeg" <img class=logo src="image/logo.png">
<div class="loader"> <div class="loader">
@ -24,8 +24,6 @@
</div> </div>
<input type="text" id="input" name="input" value=""><br>
<input type="button" id="bouton" value="Contrôler" onclick="controle()">
<script src="loading.js"></script> <script src="loading.js"></script>

BIN
image/casino.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 96 KiB

BIN
image/logo.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

3
lien.txt

@ -0,0 +1,3 @@
https://gpatuwo.github.io/css-casino/
https://fontmeme.com/polices/police-casino-queen/
https://codepen.io/imetaxas/pen/YGQXwK

30
styles.css

@ -1,3 +1,12 @@
.logo {
position:absolute;
right: 41%
}
.loader { .loader {
position: absolute; position: absolute;
@ -19,7 +28,6 @@
.lettre { .lettre {
color: #9700ff; color: #9700ff;
font-family: casino;
font-size: 80px; font-size: 80px;
@ -92,6 +100,26 @@
} }
.card-fan {
position: absolute;
width: 200px;
transform-origin: bottom;
transition: all .3s linear;
}
.cards-fan-container:hover #ten-fan{
transform: rotate(20deg)
}
.cards-fan-container:hover #ace-fan{
transform: rotate(-20deg)
}
.cards-fan-container:hover #jack-fan{
transform: rotate(10deg)
}
.cards-fan-container:hover #king-fan{
transform: rotate(-10deg)
}
@font-face { @font-face {
font-family: "casino"; font-family: "casino";
src: url("/police/casino.TTF") format("woff2"), src: url("/police/casino.TTF") format("woff2"),

Loading…
Cancel
Save