× İletişim Formu Sayfa Ön Yükleme Eklentisi - 14 Arlina Design 9/02/2018 Etiketler : CSS3 HTML jQuery Arlina Design <!DOCTYPE html> <html> <head> <title>Sayfa Ön Yükleme Eklentisi - 14 (PreLoader)</title> <style type='text/css'> /*<![CDATA[*/ #PreLoader{background:#f5f5fa;overflow:hidden;left:0;right:0;top:0;bottom:0;position:fixed;z-index:9999} #loader-status{width:50px;height:30px;position:fixed;left:50%;top:50%;margin:-25px 0 0 -15px} .spinner{margin:0 auto;width:50px;height:30px;text-align:center;font-size:10px} .spinner > div{background-color:#4267b3;height:100%;width:6px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out} .spinner .rct2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s} .spinner .rct3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s} .spinner .rct4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s} .spinner .rct5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s} @-webkit-keyframes stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1.0)}} @keyframes stretchdelay{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}} /*]]>*/ </style> </head> <body> <div id='PreLoader'> <div id='loader-status'> <div class='spinner'> <div class='rct1'></div> <div class='rct2'></div> <div class='rct3'></div> <div class='rct4'></div> <div class='rct5'></div> </div> </div> </div> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "Sayfa Ön Yükleme Eklentisi - 14" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Sayfa Ön Yükleme Eklentisi - 14 Arlina Design 9/02/2018 Etiketler : CSS3 HTML jQuery Arlina Design <!DOCTYPE html> <html> <head> <title>Sayfa Ön Yükleme Eklentisi - 14 (PreLoader)</title> <style type='text/css'> /*<![CDATA[*/ #PreLoader{background:#f5f5fa;overflow:hidden;left:0;right:0;top:0;bottom:0;position:fixed;z-index:9999} #loader-status{width:50px;height:30px;position:fixed;left:50%;top:50%;margin:-25px 0 0 -15px} .spinner{margin:0 auto;width:50px;height:30px;text-align:center;font-size:10px} .spinner > div{background-color:#4267b3;height:100%;width:6px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out} .spinner .rct2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s} .spinner .rct3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s} .spinner .rct4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s} .spinner .rct5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s} @-webkit-keyframes stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1.0)}} @keyframes stretchdelay{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}} /*]]>*/ </style> </head> <body> <div id='PreLoader'> <div id='loader-status'> <div class='spinner'> <div class='rct1'></div> <div class='rct2'></div> <div class='rct3'></div> <div class='rct4'></div> <div class='rct5'></div> </div> </div> </div> </body> </html>
Yorum Gönder