seb 25 ارسال شده در آبان 91 گزارش بازنشر ارسال شده در آبان 91 سلام به دوستانچطوری میشه یک div به شکل یک زنگوله بچرخه؟؟؟یعنی بالا عکس ثابته و پایینش دورش میچزخه . مثل یک زنگوله نقل قول لینک به ارسال
PRGAME 175 ارسال شده در آبان 91 گزارش بازنشر ارسال شده در آبان 91 (ویرایش شده) از انیمیشن در css 3 باید استفاده کنید.این کد استایلش هست.:.one img{width:400px;height:400px;-webkit-animation:anime1 2s;-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out;-ms-transition: all 0.1s ease-out;-webkit-animation-iteration-count: infinite;}@-webkit-keyframes anime1{ 0%{-webkit-transform:rotate(30deg);} 50%{-webkit-transform:rotate(-30deg);} 100%{-webkit-transform:rotate(30deg);} }اینم کد html :<div class="one"><img src="ادرس عکس شما" /></div> ویرایش شده آبان 91 توسط PRGAME 5 نقل قول لینک به ارسال
seb 25 ارسال شده در آبان 91 مالک گزارش بازنشر ارسال شده در آبان 91 ممنون داداش ولی این فقط تو کروم کار میکنه تویه فایرفاکس کار نمیکنه نقل قول لینک به ارسال
Farhad 276 ارسال شده در آبان 91 گزارش بازنشر ارسال شده در آبان 91 اينو امتحان كنيد:.one img{width:400px;height:400px;-webkit-animation:anime1 2s;-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out;-ms-transition: all 0.1s ease-out;-webkit-animation-iteration-count: infinite;}@-webkit-keyframes anime1{ 0%{-webkit-transform:rotate(30deg);} 50%{-webkit-transform:rotate(-30deg);} 100%{-webkit-transform:rotate(30deg);}@-moz-keyframes anime1{ 0%{-moz-transform:rotate(30deg);} 50%{-moz-transform:rotate(-30deg);} 100%{-moz-transform:rotate(30deg);}@-o-keyframes anime1{ 0%{-o-transform:rotate(30deg);} 50%{-o-transform:rotate(-30deg);} 100%{-o-transform:rotate(30deg);}} 4 نقل قول لینک به ارسال
PRGAME 175 ارسال شده در آبان 91 گزارش بازنشر ارسال شده در آبان 91 (ویرایش شده) ممنون داداش ولی این فقط تو کروم کار میکنه تویه فایرفاکس کار نمیکنهببخشید یادم رفته بود برای بقیه مرورگر ها کدش رو بزارم که یکی از دوستان زحمتش رو کشید!البته باید اینو جایگزین کنید که کامل بشه :.one img{width:400px;height:400px;-webkit-animation:anime1 2s;-ms-animation:anime1 2s;-moz-animation:anime1 2s;-o-animation:anime1 2s;-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out;-ms-transition: all 0.1s ease-out;-webkit-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;}@-webkit-keyframes anime1{ 0%{-webkit-transform:rotate(30deg);} 50%{-webkit-transform:rotate(-30deg);} 100%{-webkit-transform:rotate(30deg);} }@-o-keyframes anime1{ 0%{-webkit-transform:rotate(30deg);} 50%{-webkit-transform:rotate(-30deg);} 100%{-webkit-transform:rotate(30deg);} }@-moz-keyframes anime1{ 0%{-webkit-transform:rotate(30deg);} 50%{-webkit-transform:rotate(-30deg);} 100%{-webkit-transform:rotate(30deg);} }@-ms-keyframes anime1{ 0%{-webkit-transform:rotate(30deg);} 50%{-webkit-transform:rotate(-30deg);} 100%{-webkit-transform:rotate(30deg);} } ویرایش شده آبان 91 توسط PRGAME 2 نقل قول لینک به ارسال
seb 25 ارسال شده در آبان 91 مالک گزارش بازنشر ارسال شده در آبان 91 سلام اجرا نشد میشه یک دمو بذاری ؟ نقل قول لینک به ارسال
Morteza 34190 ارسال شده در آبان 91 گزارش بازنشر ارسال شده در آبان 91 http://jsfiddle.net/dAGfx/ 3 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .