Thành viên:Nguyenhai314/Nguyenhai314-9/styles.css

.banner{
	position: relative;
    margin-bottom: 20px;
    margin-left: 20px;
    width: calc(100% - 20px);
    height: 50vh;
    overflow: hidden;
}
.banner-img{
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-image: url(https://upload.wikimedia.org/wikipedia/commons/f/f2/Wroclaw-_Most_Grunwaldzki.jpg);
	animation: zoom-out 10s infinite linear, slider 10s infinite linear;
}
.banner-text{
	font-family: 'Segoe UI', serif;
	position: absolute;
	transform: translate(-50%,-50%);
	width: 65%;
	text-align: center;
	left: 50%;
	top: 50%;
    font-size: 65px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}
@keyframes slider{
    0%{background-image: url(https://upload.wikimedia.org/wikipedia/commons/f/f2/Wroclaw-_Most_Grunwaldzki.jpg)}
    50%{background-image: url(https://upload.wikimedia.org/wikipedia/commons/9/90/Tongerense_Heide%2C_%28Veluwe%29._30-08-2021._%28actm.%29_06.jpg)}
}
@keyframes zoom-out{
	100%{
		transform: scale(1.05);
	}
}