Home » Blogger » Thủ thuật » Share code hiệu ứng đẹp lung linh ngày Tết cho blog/website

Share code hiệu ứng đẹp lung linh ngày Tết cho blog/website

Monday, December 30, 2013

Hiệu ứng mình từng chia sẽ là cho 2 banner trượt 2 bên nhưng tut đó lại bị 1 vấn đề mà mình chưa giải quyết được đó là trên điện thoại sẽ bị che mất phần nội dung.Hôm nay Giaitri357 xin giới thiệu 1 bài hướng dẩn nhỏ để bạn có thể trang trí cho trang web của mình đẹp hơn vào những ngày gần Tết này.

Code này bao gồm hình ảnh pháo hoa,hoa đào, hoa mai và đặc biệt la khi rê chuột vào thì các thành phần trên sẽ chuyển động và phát ra âm thanh rất vui tai.
Việc đầu tiên chúng ta cần làm là thêm đoạn code này và phần header (bạn có thể cho vào phía trên thẻ ).Đây bao gồm css và javascript, bạn có thể chuyển nó thành file cũng được.

<style>
/* HOLIDAY BELLS */

.b-page__content { min-height:120px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUem1RA35i0Q51pT5d6-F_1KBlD3HLzdgc_cikcHI1_54Et6Fh_4hkZ64f9k-XaFQkD48QegP09Hn0RBg960P0o16l9u1phc4MfLT4H32Rb79TWWdz2mgm3z878Dtmwh1yvRdeB3rxdHE/s1600/bg_grid.jpg)}
.b-head-decor { display:none; }
.b-page_newyear .b-head-decor {
position:absolute; top:0; left:0;
display:block; height:115px; width:100%;
overflow:hidden;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4xdcWe_CuUbR8BghKA2gBD6xTiO2JImSLTbtmaN7Su5gyb5gSzmlqbHv_bfee2LhANHJs_eTrlHARV0uBw6oF397ZDXvQWEgskFkxIXP2dMn_d8xH3gc4ZSHBxKQKsaIaKrpMwFUIGWY/s320/b-head-decor_newyear.png') repeat-x 0 0;
z-index:9999;
}
.b-page_newyear .b-head-decor__inner { position:absolute; top:0; left:0; height:115px; display:block; width:373px; }
.b-page_newyear .b-head-decor::before { content:''; display:block; position:absolute; top:-115px; left:0; z-index:3; height:115px; display:block; width:100%; }
.b-page_newyear .b-head-decor__inner_n2 { left:373px; }
.b-page_newyear .b-head-decor__inner_n3 { left:746px; }
.b-page_newyear .b-head-decor__inner_n4 { left:1119px; }
.b-page_newyear .b-head-decor__inner_n5 { left:1492px; }
.b-page_newyear .b-head-decor__inner_n6 { left:1865px; }
.b-page_newyear .b-head-decor__inner_n7 { left:2238px; }
.b-ball { position:absolute; }
.b-ball_n1 { top:0; left:3px; width:59px; height:83px; }
.b-ball_n2 { top:-19px; left:51px; width:55px; height:70px; }
.b-ball_n3 { top:9px; left:88px; width:49px; height:67px; }
.b-ball_n4 { top:0; left:133px; width:57px; height:102px; }
.b-ball_n5 { top:0; left:166px; width:49px; height:57px; }
.b-ball_n6 { top:6px; left:200px; width:54px; height:70px; }
.b-ball_n7 { top:0; left:240px; width:56px; height:67px; }
.b-ball_n8 { top:0; left:283px; width:54px; height:53px; }
.b-ball_n9 { top:10px; left:321px; width:49px; height:66px; }
.b-ball_n1 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0kfM7vPSh8AKLuIy7zm5powrAPoOOfBNvYo4eE3xcgBdP7-STUEBmN7v1Rxq9S5ebZmqiMHbQRm8OM14_EugnQENieJgFbdaeANoWGY0sqDKrQpg3Zlg1Jls_CB-dVZwzlrgODOcE8-k/s1600/b-ball_n1.png') no-repeat; }
.b-ball_n2 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2wXbskmYsYpkzpmb84mBxul-PRH-ivwWR1KEPlH6SE0FdMJx_WmAB3qfNWIakNQ0AlPrVM8Urb5KRNPnVNa8f2WjPXgmkj_gHRlgIYjCYZkn4z-OFAYAspX_oXISQ4u_h55AgZUG7JfA/s1600/b-ball_n2.png') no-repeat; }
.b-ball_n3 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH_IyFWDeNUreb0LZuLFFrv3VJnfakSWCVwLU8wS3h2Go7LBtf9R9dbeBgndwDUCqyv9zQrAJ4WVaVptMxUUlv7gGnEZZFUNNXBQL_5BIhdmOv6vBPGWgKHcp8JjPvLFHzc5p_0bzU1BE/s1600/b-ball_n3.png') no-repeat; }
.b-ball_n4 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE6KHhTr7EVmp8YdUw6qfh5VcJmxoo6SIK1TWqYw_3SExiV5Ljxpe4LKRuBU-ghaPwqJIA2GWG2AzKBR7s8iDbpvQvyYwGwu6LsWmLxBd4basSs4whTEEX7uAiBjjpPJoxNn6peBA9Kaw/s1600/b-ball_n4.png') no-repeat; }
.b-ball_n5 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbPz-AVHxwI-YCyaZD1m6iqnMb89GR_G4Xs5yz3uPhljC0RzSReoZ4oE4VG_D04TpnqmFmDi5nIwuUulBe49FTCqO__uphC-vc8_h-McdrZZhFXtewj8c-c3MhLqnqMRFAUcOcf26_fe0/s1600/b-ball_n5.png') no-repeat; }
.b-ball_n6 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi28pfb5UdEEd1nPPrMu8XdoaNfT3ocP582nSKgBBhME743tbCiGJLR1TC_Esb5iLsInK6sCsj4awiqxt5z5ozxLvQ9TdYrVtU8c9qLPv7ct5tJqIdMGce0Ae2AYin266wUuB7oew4HbXA/s1600/b-ball_n6.png') no-repeat; }
.b-ball_n7 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrCTCRL0qUN5NSOlMF_pXlsO0rvkNgBE-Y3LX-WagUpc-n4Oceao-np3UWzLZ1mnJjrZ4De79HWwK9hG6MHhPITFMNEBq3pJ6lqT1QiqtgiuzjNEI4fysLRxh29_PFOGTXd8WEPONfAJw/s1600/b-ball_n7.png') no-repeat; }
.b-ball_n8 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpZE8YbAQApFVcI1jZYcgVpBfG_0tD8FzZh_2D_klDX0O-iUDyu4BLXZtogjV_8jRpl53QSRG2Ts8tUv-C3HpAB-ItyrUf72nVHV-aS_ssqvQqsoDPu1ZmlQCFAmGPJ1z_S717bUm6eMk/s1600/b-ball_n8.png') no-repeat; }
.b-ball_n9 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFYzkRRcBHQNIL9uAlj-3c9b8bxmtzRtDw4uKBRNmiId0el1oKZDvrgNZRui2m-ugg6OmFRADykM2dz-9wmdffP817CN2zDhLwyM3bfXeb2G0MMHgQ0ed2vhRwrHLjm-h1xmN8cuOW35o/s1600/b-ball_n9.png') no-repeat; }
.b-ball_i1 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBn7aEyMCedxNOLPKilpP3v4ZqoMDEakc_13ceO3a0iChbvyK1R9mZfCFf2E27FzeKIPZ2wFUXcHNnDkN55cEPw0-hFuPr4mGHcJFOJ-kmSwK1DpevBuaK70Y4wKUSt08XM8uCI6ytdUs/s1600/b-ball_i1.png') no-repeat; }
.b-ball_i2 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxXqLUoAeDjpDN8-qCSGvvZXbUBE7BYUwnqbbGV0d5h7PnHMp2H0rMwZ27xMlV4C5Kg2-iTeWyCkVeCJyyTx_Pi8xzMO_o1fhuZOLFxXap2O46At4Smj-ye5GTsuLlwM-YczKEZegPS8U/s1600/b-ball_i2.png') no-repeat; }
.b-ball_i3 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmzJQ-9dA_bA95bn-ghNjzqR-LgHfPiQGUnonLIuDGiwMwFvVh1wM12jtshdf0HvuprdjSzuINQ2-VZY2N2t3TG_PEbgybvdAKkwSHCM2rF3TA4f22KNS9x-ZoE3T2391HRV2jgYl-qUQ/s1600/b-ball_i3.png') no-repeat; }
.b-ball_i4 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga8VSQ4EEyEq1qX_dG-nldx7lza0WjLKxX8s-8Vt24x_vx77PkPH-VY4TRtN637cT_vtqYJQLVT_-IhoCrqgyXo98ZHq3Y82GkIoH5m99umKjIwMeUn2qC4xVT8sIAlIdQaECkzpdcx6Y/s1600/b-ball_i4.png') no-repeat; }
.b-ball_i5 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPcOOG6jd7NVvRwA1RFRM564_w7QocxOqGIZKXUS3W2WhjCHCK9cxitxrEQiW7bWz5NLzpPg59N6QT1X6h2e1lAkXnwb8FEBKB-jKc4axR-c81EObkwluAnPzvEOz2Uzt6R7BDNKlgQ-Y/s1600/b-ball_i5.png') no-repeat; }
.b-ball_i6 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTjAdhSxW04w95ijHAWdt_CGzSkXthCT63RfVCaf9CAgme3s4FAOdBQUXPODEIiZPeYvgsAnjr4urQYRxve7cbtBt_2KMzLivUmMtxwoI3xLGYRmxzldBu4RqCEdT_SWHckQSs5FW9p8A/s1600/b-ball_i6.png') no-repeat; }
.b-ball_i1{top:0; left:0; width:25px; height:71px; }
.b-ball_i2{top:0; left:25px; width:61px; height:27px; }
.b-ball_i3{top:0; left:176px; width:29px; height:31px; }
.b-ball_i4{top:0; left:205px; width:50px; height:51px; }
.b-ball_i5{top:0; left:289px; width:78px; height:28px; }
.b-ball_i6{top:0; left:367px; width:6px; height:69px; }
.b-ball__i { position:absolute; width:100%; height:100%; -webkit-transform-origin:50% 0; -moz-transform-origin:50% 0; -o-transform-origin:50% 0; transform-origin:50% 0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; pointer-events:none; }
.b-ball_bounce .b-ball__right{position:absolute; top:0; right:0; left:50%; bottom:0; z-index:9; }
.b-ball_bounce:hover .b-ball__right{ display:none; }
.b-ball_bounce .b-ball__right:hover{ left:0; display:block!important; }
.b-ball_bounce.bounce>.b-ball__i{ -webkit-transform:rotate(-9deg); -moz-transform:rotate(-9deg); -o-transform:rotate(-9deg); transform:rotate(-9deg); }
.b-ball_bounce .b-ball__right.bounce+.b-ball__i { -webkit-transform:rotate(9deg); -moz-transform:rotate(9deg); -o-transform:rotate(9deg); transform:rotate(9deg); }
.b-ball_bounce.bounce1>.b-ball__i {-webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg); transform:rotate(6deg); }
.b-ball_bounce .b-ball__right.bounce1+.b-ball__i {-webkit-transform:rotate(-6deg); -moz-transform:rotate(-6deg); -o-transform:rotate(-6deg); transform:rotate(-6deg); }
.b-ball_bounce.bounce2>.b-ball__i{ -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); }
.b-ball_bounce .b-ball__right.bounce2+.b-ball__i{ -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg); }
.b-ball_bounce.bounce3>.b-ball__i {-webkit-transform:rotate(1.5deg); -moz-transform:rotate(1.5deg); -o-transform:rotate(1.5deg); transform:rotate(1.5deg); }
.b-ball_bounce .b-ball__right.bounce3+.b-ball__i { -webkit-transform:rotate(-1.5deg); -moz-transform:rotate(-1.5deg); -o-transform:rotate(-1.5deg); transform:rotate(-1.5deg); }
</style>
<script src='https://googledrive.com/host/0B_OR7rYz7CITdzdkMG1KQ0lPdXc' type='text/javascript'/>
<script src='https://googledrive.com/host/0B_OR7rYz7CITdUJwYlpRNFl3ODA' type='text/javascript'/>
<script src='https://googledrive.com/host/0B_OR7rYz7CITdllab1Bjb01hSUE' type='text/javascript'/>

Sau khi thêm đoạn code trên rồi thì chúng ta cần thêm 1 đoạn HTML nữa để hiển thị hiệu ứng ra ngoài.Bạn nên để phía dưới thẻ <body>.

<div class='b-page_newyear'>
<div class='b-page__content'>
<i class='b-head-decor'>
<i class='b-head-decor__inner b-head-decor__inner_n1'>
<div class='b-ball b-ball_n1 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n2 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n3 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n4 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n5 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n6 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n7 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n8 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n9 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i1'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i2'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i3'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i4'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i5'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i6'><div class='b-ball__right'/><div class='b-ball__i'/></div>
</i>
<i class='b-head-decor__inner b-head-decor__inner_n2'>
<div class='b-ball b-ball_n1 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n2 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n3 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n4 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n5 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n6 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n7 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n8 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n9 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i1'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i2'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i3'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i4'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i5'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i6'><div class='b-ball__right'/><div class='b-ball__i'/></div>
</i>
<i class='b-head-decor__inner b-head-decor__inner_n3'>
<div class='b-ball b-ball_n1 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n2 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n3 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n4 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n5 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n6 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n7 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n8 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n9 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i1'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i2'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i3'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i4'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i5'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i6'><div class='b-ball__right'/><div class='b-ball__i'/></div>
</i>
<i class='b-head-decor__inner b-head-decor__inner_n4'>
<div class='b-ball b-ball_n1 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n2 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n3 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n4 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n5 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n6 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n7 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n8 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n9 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i1'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i2'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i3'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i4'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i5'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i6'><div class='b-ball__right'/><div class='b-ball__i'/></div>
</i>
<i class='b-head-decor__inner b-head-decor__inner_n5'>
<div class='b-ball b-ball_n1 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n2 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n3 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n4 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n5 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n6 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n7 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n8 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n9 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i1'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i2'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i3'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i4'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i5'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i6'><div class='b-ball__right'/><div class='b-ball__i'/></div>
</i>
<i class='b-head-decor__inner b-head-decor__inner_n6'>
<div class='b-ball b-ball_n1 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n2 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n3 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n4 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n5 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n6 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n7 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n8 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n9 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i1'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i2'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i3'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i4'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i5'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i6'><div class='b-ball__right'/><div class='b-ball__i'/></div>
</i>
<i class='b-head-decor__inner b-head-decor__inner_n7'>
<div class='b-ball b-ball_n1 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n2 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n3 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n4 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n5 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n6 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n7 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n8 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_n9 b-ball_bounce'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i1'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i2'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i3'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i4'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i5'><div class='b-ball__right'/><div class='b-ball__i'/></div>
<div class='b-ball b-ball_i6'><div class='b-ball__right'/><div class='b-ball__i'/></div>
</i>
</i>
</div>
</div>

Vậy là xong rồi đấy.Hãy refresh lại trang web của bạn và xem thành quả nhé ! Chúc bạn thành công, có gì thắc mắc cứ để lại comment cho mình nhé !

Chia sẻ bài viết

Bài liên quan

Share code hiệu ứng đẹp lung linh ngày Tết cho blog/website

Comments[ 0 ]

Post a Comment

Bài viết nổi bật trong tuần

Liên hệ

Bình luận

Fanpage

Danh mục