Brak tytułu
Data utworzenia: 2024-12-16 11:29:32
*{
box-sizing: border-box;
margin: 20px;
padding: 0;
}
body {
animation: bg-change 5s infinite;
}
header {
color: azure;
}
h1 {
font-size: 50px;
text-align: center;
animation: fade-in 3s forwards;
}
p {
font-size: 20px;
text-align: center;
animation: slide-in 2s forwards;
}
hr {
width: 0%;
height: 2px;
background-color: #fff;
border: none;
animation: line-width 1s cubic-bezier(0.47, 0, 0.745, 0.715) forwards;
}
@keyframes line-width {
0% {
width: 0%;
}
100%{
width: 100%;
}
}
@keyframes slide-in {
0% {
opactiy: 0;
}
100% {
opactiy: 1;
color: black
}
}
@keyframes bg-change {
0%{
background-color: lime;
}
30%{
background-color: gold;
}
60%{
background-color: fuchsia;
}
100%{
background-color: royalblue;
}
}
Powrót