Merge branch 'main' of https://github.com/fybx/ugurgaleri
This commit is contained in:
39
TODO
Normal file
39
TODO
Normal file
@@ -0,0 +1,39 @@
|
|||||||
|
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');
|
||||||
|
* {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #151719;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
.waviy {
|
||||||
|
position: relative;
|
||||||
|
-webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0,0,0,.2));
|
||||||
|
font-size: 60px;
|
||||||
|
}
|
||||||
|
.waviy span {
|
||||||
|
font-family: 'Alfa Slab One', cursive;
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
color: #fff;
|
||||||
|
text-transform: uppercase;
|
||||||
|
animation: waviy 1s infinite;
|
||||||
|
animation-delay: calc(.1s * var(--i));
|
||||||
|
|
||||||
|
}
|
||||||
|
@keyframes waviy {
|
||||||
|
0%,40%,100% {
|
||||||
|
transform: translateY(0)
|
||||||
|
}
|
||||||
|
20% {
|
||||||
|
transform: translateY(-20px)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
https://fonts.google.com/specimen/Oswald
|
||||||
Reference in New Issue
Block a user