diff --git a/Index.html b/Index.html index 8a62bfd..fed5993 100644 --- a/Index.html +++ b/Index.html @@ -12,7 +12,7 @@ -
@@ -24,8 +24,6 @@
-
- diff --git a/image/casino.png b/image/casino.png deleted file mode 100644 index 6d8aa3a..0000000 Binary files a/image/casino.png and /dev/null differ diff --git a/image/logo.png b/image/logo.png new file mode 100644 index 0000000..35bb6bc Binary files /dev/null and b/image/logo.png differ diff --git a/lien.txt b/lien.txt new file mode 100644 index 0000000..5c17178 --- /dev/null +++ b/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 \ No newline at end of file diff --git a/styles.css b/styles.css index 7e95e34..f56b5fe 100644 --- a/styles.css +++ b/styles.css @@ -1,3 +1,12 @@ +.logo { + position:absolute; + right: 41% + +} + + + + .loader { position: absolute; @@ -19,7 +28,6 @@ .lettre { color: #9700ff; - font-family: casino; 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-family: "casino"; src: url("/police/casino.TTF") format("woff2"),