[Code] Phúc lộc thọ đẹp để trang trí tết cho 4rum

demo: http://www.vngame.pro/h43-page

Sắp tết rồi nên mình share cho anh em trang trí 4rum đón tết. Chỉ sử dụng css và ảnh định dạng .png nên load nhanh nhẹ

Bạn thêm đoạn code bên dưới vào nơi cần hiện rồi chỉnh lại style cho hợp với 4rum nhé nếu ai không biết chỉnh thì liên hệ yahoo mình giúp: hotro.4rlythuongkiet

Code:

<style>

.centerdiv {
margin: 0 auto;
height:300px;
width: 960px;
text-align: left;
position: relative;
}
.anim_loc, .anim_phuc, .anim_tho {
   width: 200px;
   height: 230px;
   -webkit-animation: anim_play 1s steps(32) infinite;
   -moz-animation: anim_play 1s steps(32) infinite;
   -o-animation: anim_play 1s steps(32) infinite;
   -ms-animation: anim_play 1s steps(32) infinite;
   animation: anim_play 1s steps(32) infinite;
   position: absolute;
   bottom: 0;
}

.anim_loc {
   background: url('https://photo.fujibikes.com.vn/statics/anim/anim-loc.png') left center;
    left: 380px;
}

.anim_tho {
   background: url('https://photo.fujibikes.com.vn/statics/anim/anim-tho.png') left center;
    right: 150px;
}

.anim_phuc {
   background: url('https://photo.fujibikes.com.vn/statics/anim/anim-phuc.png') left center;
   left: 150px;
}

@keyframes anim_play {
   100% { background-position: -6400px; }
}

@-webkit-keyframes anim_play {
    100% { background-position: -6400px; }
}

@-moz-keyframes anim_play {
    100% { background-position: -6400px; }
}

@-o-keyframes anim_play {
    100% { background-position: -6400px; }
}

@-ms-keyframes anim_play {
    100% { background-position: -6400px; }
}

</style>
    
<div class="centerdiv fixheight">
         <div class="thetree">

      
            <div class="anim_phuc"></div>
            <div class="anim_tho"></div>
            <div class="anim_loc"></div>
                
                        </div>
</div>

Nguồn: [You must be registered and logged in to see this link.]