try now
This commit is contained in:
73
style.css
73
style.css
@ -4,6 +4,7 @@
|
||||
body
|
||||
{
|
||||
background-color: #FFE49F;
|
||||
background-image: url("noise-texture.svg");
|
||||
color: #E07A31;
|
||||
font-family: "League Spartan";
|
||||
}
|
||||
@ -126,7 +127,7 @@ p {
|
||||
z-index: 60;
|
||||
}
|
||||
|
||||
.main-title
|
||||
.title
|
||||
{
|
||||
font-family: "League Spartan Black";
|
||||
font-size: 170px;
|
||||
@ -143,30 +144,48 @@ p {
|
||||
animation: raise 0.5s ease-in;
|
||||
}
|
||||
|
||||
.title h2{
|
||||
font-size: 150px;
|
||||
text-align: right;
|
||||
text-align-last: right;
|
||||
padding-right: 140px;
|
||||
padding-top: 150px;
|
||||
font-family: "League Spartan";
|
||||
}
|
||||
|
||||
.button-rechts {
|
||||
height: 1000px;
|
||||
position: relative;
|
||||
top: 275px;
|
||||
width: 46%;
|
||||
margin-right: 100px;
|
||||
justify-content: center;
|
||||
display: block;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: transparent;
|
||||
border-style: dotted;
|
||||
border-color: #E07A31;
|
||||
border-width: 10px;
|
||||
border-radius: 32px;
|
||||
color: #E07A31;
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
padding-top: 25px;
|
||||
padding-bottom: 20px;
|
||||
text-decoration: none;
|
||||
font-family: "League Spartan Black";
|
||||
font-size: 100px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@keyframes raise {
|
||||
0% {z-index: 0; opacity: 0%;}
|
||||
70% {opacity: 50%;}
|
||||
100% {z-index: 100; opacity: 90%;}
|
||||
}
|
||||
|
||||
body::before,
|
||||
body::after {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
content: '';
|
||||
width: 2048px;
|
||||
height: 2048px;
|
||||
z-index: 50;
|
||||
opacity: 80%;
|
||||
}
|
||||
|
||||
body::before {
|
||||
background: url("noise-texture.svg");
|
||||
mix-blend-mode: soft-light;
|
||||
}
|
||||
|
||||
|
||||
#blobs {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -210,6 +229,22 @@ body::before {
|
||||
animation: appear 0.4s -0.15s ease-in;
|
||||
}
|
||||
|
||||
@keyframes text-in-out {
|
||||
0% {color: inherit}
|
||||
40% {color: transparent}
|
||||
60% {color: transparent}
|
||||
100% {color: inherit}
|
||||
}
|
||||
|
||||
@keyframes border-in-out {
|
||||
0% {border-radius: 32px}
|
||||
10%{border-radius: 32px}
|
||||
40% {border-radius: 125px}
|
||||
60% {border-radius: 125px}
|
||||
90%{border-radius: 32px}
|
||||
100% {border-radius: 32px}
|
||||
}
|
||||
|
||||
@keyframes float-in {
|
||||
0% {transform: translateY(-100px); opacity: 0%}
|
||||
100% {transform: translateY(0px); opacity: 90%;}
|
||||
|
||||
Reference in New Issue
Block a user