100-project-100-days-website/100_projects/33-create-countdown-timer/css.css
2023-03-26 01:08:23 +03:00
Ask

35 lines
597 B
CSS

{a404ee160699ebd786a80c55922d104784334596 true 597 css.css 0xc001dfaee0}

*{
box-sizing: border-box;
margin: 0;
padding: 0;
}
body{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 100vh;
background: #FFD54F;
}
#countdown{
color: #000;
font-size:7em;
background: #fff;
padding: 10px 15px;
border-radius: 10px;
animation: up-down 5s linear infinite;
}
p{
font-size: 24px;
}
div span{
font-size: 3em;
}
@keyframes up-down{
0%{
transform: translateY(0) ;
}
50%{
transform: translateY(-100px);
}
}