<!DOCTYPE html>
<html>
<title>Tao marquee voi html5 va css3</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.marquee {
width: 95%;
margin: 0 auto;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
animation: marquee 40s linear infinite;
}
.thongbao{background:#D6312A;color:#fff;padding:5px;position:fixed;bottom:0;width:100%;z-index:999;}
.marquee:hover {
animation-play-state: paused
}
@keyframes marquee {
0% { text-indent: 40.5em }
100% { text-indent: -75em }
}
</style>
<body>
<div class="thongbao">
<p class="marquee">Hiện tại chúng tôi đã hết 1000 vé mời tham dự Hội Thảo Thẩm Mỹ Hàn Quốc 2016....</p>
</div>
</body>
</html>
Tambahkan Komentar