رفتن به مطلب

کد چرخش مداوم عکس (انیمیشن چرخش)


پست های پیشنهاد شده

سلام

کد را می خوام که با اون عکس یا دیوی را مداوم بچرخونه. از دوستان کسی سراغ داره؟؟؟

لینک به ارسال


<style>
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}

@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}

@-ms-keyframes spin {
from {
-ms-transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
}
}

#raysDemoHolder {
position: relative;
width: 47px;
height: 47px;
}
#rays {
background: url(gear.png) 0 0 no-repeat;
position: absolute;
margin:px 0px 0px 0px;
width: 47px;
height: 47px;
-webkit-animation-name: spin;
-webkit-animation-duration: 10000ms; /* 40 seconds */
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;

-moz-animation-name: spin;
-moz-animation-duration: 10000ms; /* 40 seconds */
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;

-ms-animation-name: spin;
-ms-animation-duration: 10000ms; /* 40 seconds */
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;

/* boooo opera */
-o-transition: rotate(3600deg); /* works */
}

#rays:hover {
/* -webkit-animation-duration: 10000ms; 10 seconds - speed it up on hover! */
}
</style>

اینم کد html

<div id="raysDemoHolder">

<div id="rays"></div>

</div>

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...