.khung{
display: flex;
justify-content: center;
align-items: center;
height: 300px;
background-color: #252839;
}
.vanban{
position: relative;
font-size: 45px;
color: #252839;
}
.vanban::before{
content: "Chào mừng bạn đến trang thảo luận của tôi!";
white-space : nowrap;
position: absolute;
width: 100%;
height: 100%;
color: #01fe87;
border-right: 4px solid #01fe87;
overflow: hidden;
animation: animate 8s linear infinite;
}
@keyframes animate{
0%,10%,100%{
width: 0;
}
70%, 90%{
width: 100%;
}
}
@media only screen and (min-width: 874px) and (max-width: 1224px) {
.vanban{
font-size: 28px;
}
.khung{
height: 150px;
}
}
@media screen and (max-width: 874px){
.vanban{
font-size: 18px;
}
.khung{
height: 100px;
}
}