Tim rơi lệ
[Code] KLoading Style
on 15/02/2014Tim rơi lệ
loading...
Code Info:
Code Name: KLoading Style
Write by: K.
Copyright ®: K. - ChinhPhuc
Demo Code:
Insert into your CSS (Chèn vào CSS):
- Code:
#Kload{-moz-opacity:0.8;-webkit-opacity:0.8;background:black;filter:Alpha(opacity=80);min-height:100%;left:0;opacity:0.8;position:fixed;top:0;width:100%;z-index:999;text-align:center}
.Kloadingstyle{display:inline-block;margin:30% auto;border-width:30px;border-radius:50%;-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;-o-animation:spin 1s linear infinite;
animation:spin 1s linear infinite;border-style:double;border-color:#444 transparent;}
@-webkit-keyframes spin{100%{-webkit-transform:rotate(359deg)}}
@-moz-keyframes spin{100%{-moz-transform:rotate(359deg)}}
@-o-keyframes spin{100%{-moz-transform:rotate(359deg)}}
@keyframes spin{100%{transform:rotate(359deg)}}
And Insert to header or fotter (Và thêm vào Header hoặc Fotter):
- Code:
<script>document.write('<div id="Kload"><span class="Kloadingstyle"></span></div>');
$(function(){ setTimeout(function() {document.getElementById('Kload').style.display = 'none';}, 1000); });</script>
Tác giả K.-Kun nguồn chinhphuc.info