کد لودینگ :: کدهای خط خطی

کدهای خط خطی

کدهای خط خطی

آدم ها 10 دسته اند:
01- آنهایی که باینری نمی فهمند...
10- آنهایی که باینری می فهمند...

دنبال کنندگان ۱ نفر
این وبلاگ را دنبال کنید
برای قرار دادن این کد در وبلاگ یا صفحات وب ابتدا باید کد زیر رو در فایل css یا قبل از تگ <head/> در کدهای html قرار بدین.
کدهای سی اس اس
<style>
@keyframes virus{
from{transform:rotate(0deg);}
to{transform:rotate(180deg);}
}
@-moz-keyframes virus{
from{-moz-transform:rotate(0deg);}
to{-moz-transform:rotate(180deg);}
}
@-o-keyframes virus{
from{-o-transform:rotate(0deg);}
to{-o-transform:rotate(180deg);}
}
@-webkit-keyframes virus{
from{-webkit-transform:rotate(0deg);}
to{-webkit-transform:rotate(180deg);}
}
@-ms-keyframes virus{
from{-ms-transform:rotate(0deg);}
to{-ms-transform:rotate(180deg);}
}
.virusLoading{
border-radius:100px;
-moz-border-radius:100px;
-o-border-radius:100px;
-ms-border-radius:100px;
-webkit-border-radius:100px;
width:50px;
height:50px;
border:3px transparent solid;
border-right-color:#036;
border-left-color:#036;
margin:0 auto;
animation:virus .5s infinite linear;
-moz-animation:virus .5s infinite linear;
-o-animation:virus .5s infinite linear;
-webkit-animation:virus .5s infinite linear;
-ms-animation:virus .5s infinite linear;
}
</style>

سپس کد زیر را در هرجایی که میخواهید لودینگ نمایش دهد میتوانید قرار دهید.

<div class="virusLoading"></div>

نظرات  (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی