Đăng ảnh vòi hoa sen tăng áp Luv
/* fade slider http://namkna.blogspot.com/ */
.slides {
height:257px;
margin:5px auto;
overflow:hidden;
position:relative;
width:750px;
}
.slides ul {
list-style:none;
position:relative;
}
/* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
0% {opacity:0;}
6% {opacity:1;}
24% {opacity:1;}
30% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes anim_slides {
0% {opacity:0;}
6% {opacity:1;}
24% {opacity:1;}
30% {opacity:0;}
100% {opacity:0;}
}
.slides ul li {
opacity:0;
position:absolute;
top:0;
/* css3 animation */
-webkit-animation-name: anim_slides;
-webkit-animation-duration: 24.0s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;
-moz-animation-name: anim_slides;
-moz-animation-duration: 24.0s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
}
/* css3 delays */
.slides ul li:nth-child(2), .slides ul li:nth-child(2) div {
-webkit-animation-delay: 6.0s;
-moz-animation-delay: 6.0s;
}
.slides ul li:nth-child(3), .slides ul li:nth-child(3) div {
-webkit-animation-delay: 12.0s;
-moz-animation-delay: 12.0s;
}
.slides ul li:nth-child(4), .slides ul li:nth-child(4) div {
-webkit-animation-delay: 18.0s;
-moz-animation-delay: 18.0s;
}
.slides ul li img {
display:block;
}
/* keyframes #anim_titles */
@-webkit-keyframes anim_titles {
0% {left:100%;
opacity:0;}
5% {
left:10%;
opacity:1;
}
20% {
left:10%;
opacity:1;
}
25% {
left:100%;
opacity:0;
}
100% {
left:100%;
opacity:0;
}
}
@-moz-keyframes anim_titles {
0% {
left:100%;
opacity:0;
}
5% {
left:10%;
opacity:1;
}
20% {
left:10%;
opacity:1;
}
25% {
left:100%;
opacity:0;
}
100% {
left:100%;
opacity:0;
}
}
.slides ul li div {
background-color:#000000;
border-radius:10px 10px 10px 10px;
box-shadow:0 0 5px #FFFFFF inset;
color:#FFFFFF;
font-size:26px;
left:10%;
margin:0 auto;
padding:20px;
position:absolute;
top:50%;
width:200px;
/* css3 animation www.bloggertrix.com*/
-webkit-animation-name: anim_titles;
-webkit-animation-duration: 24.0s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;
-moz-animation-name: anim_titles;
-moz-animation-duration: 24.0s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
}
</style>
<div class="slides">
<ul> <!-- slides -->
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Sp4zFauqYaA-1CNcmkzrAWy3REHnCKfV8DZ9xNGowLB070uR79ELsT48CiN7c_0U0_YJT_L_M2ARQF8BSDBvbu5ddADPv1mFngk2LqsTYPcKv9p1Me3CL3TdncxPyQ35zhggFcpydJ-p/s1600/sl-1.png" alt="image01" />
<div>Mạnh hơn 300%</div>
</li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4Sp4zFauqYaA-1CNcmkzrAWy3REHnCKfV8DZ9xNGowLB070uR79ELsT48CiN7c_0U0_YJT_L_M2ARQF8BSDBvbu5ddADPv1mFngk2LqsTYPcKv9p1Me3CL3TdncxPyQ35zhggFcpydJ-p/s1600/sl-1.png alt="image02" />
<div>Mạnh hơn 300%</div>
</li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlSEl1TNy3i3xttRtr1jJU992UmBXsLeWCbLO6Zslky_qbGPMH_aFQCg6XCFRcdqYoRIv5FayJ0SsND7ND3U5YzXrP69HC4waQYxAWuUEGrzJ_qfBAXKz1ACDWRIdyF2lf4fjzkylNeiMy/s1600/sl-3.png" alt="image03" />
<div>Không lo nước yếu</div>
</li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Wlr0o30fiY5EpmVGsXoTGO8lyTzUUTnEt_6J3iDPd3-vCgNp0hy_hn-8YpGQwH21Z8H400qzLFLRJ6_gIlMjjm0Us3-EBRZWjgxGN6pi2kr0bV2ks3WVVCa7XZWD9Qlgnlk5Ymy9gzgY/s1600/sl-5.png" alt="image04" />
<div>Sáng bóng, sang trọng</div>
</li>
</ul>
</div>
