host3nter

تاپیک جامع CSS Animation در ویکی وی بی

سلام دوستان عزیز ! درا ین تاپیک بهترین و پرطرفدارترین سی اس اس انمیشن ها قرار ...

موضوع تاپیک جامع CSS Animation در ویکی وی بی,.

CSS, ویبولتین, ویکی وی بی

تاريخ ارسال:2014/07/25

هاست سنتر سلام دوستان عزیز ! درا ین تاپیک بهترین و پرطرفدارترین سی اس اس انمیشن ها قرار می گیره و سعی میشه روزانه حداقل یک سی اس اس انمیشن قرار بگیره ! به عنوان اولین سی اس اس انمیشن : سی اس اس انمیشن Hinge کد های زیر داخل کد های سی اس اس اضافه کنید : کد: @-webkit-keyframes hinge {      0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }      20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }      40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }      80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }      100% { -webkit-transform: translateY(700px); opacity: 0; }  }  @keyframes hinge {      0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }      20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }      40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }      80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }      100% { transform: translateY(700px); opacity: 0; }  } این کد هارو هم داخل هاور کلاس یا ای دی خود قرار بدید : کد:     -webkit-animation-duration: 1s;     animation-duration: 1s;     -webkit-animation-fill-mode: both;     animation-fill-mode: both;     -webkit-animation-name: hinge;     animation-name: hinge; خب دوستان این تاپیک بسته میشه سوالی بود به بنده پ.خ بدید ! روزانه آپدت می شود . - - - Updated - - - سی اس اس انمیشن Wobble کد های زیر داخل کد های سی اس اس اضافه کنید : کد: @-webkit-keyframes wobble {   0% { -webkit-transform: translateX(0%); }   15% { -webkit-transform: translateX(-25%) rotate(-5deg); }   30% { -webkit-transform: translateX(20%) rotate(3deg); }   45% { -webkit-transform: translateX(-15%) rotate(-3deg); }   60% { -webkit-transform: translateX(10%) rotate(2deg); }   75% { -webkit-transform: translateX(-5%) rotate(-1deg); }   100% { -webkit-transform: translateX(0%); } } @keyframes wobble {   0% { transform: translateX(0%); }   15% { transform: translateX(-25%) rotate(-5deg); }   30% { transform: translateX(20%) rotate(3deg); }   45% { transform: translateX(-15%) rotate(-3deg); }   60% { transform: translateX(10%) rotate(2deg); }   75% { transform: translateX(-5%) rotate(-1deg); }   100% { transform: translateX(0%); } } این کد هارو هم داخل هاور کلاس یا ای دی خود قرار بدید : کد:     -webkit-animation-duration: 1s;     animation-duration: 1s;     -webkit-animation-fill-mode: both;     animation-fill-mode: both;     -webkit-animation-name: wobble;     animation-name: wobble; هاست,دامین,سایت,وب,طراحی

تغغیر دامنه و اشکال در لود شدن انجمن

هاست پرسرعت و ارزان نیک وب

تفاوت مای بی بی با وی بی

قرمز رنگ کردن نام یک زیر انجمن ؟؟؟

قرمز رنگ کردن نام یک زیر انجمن ؟؟؟

سوال درباره سرعت بازگذاری و …

کلیدی ترین نکات یک لوگو

تاپیک, جامع, CSS, Animation, در, ویکی, وی, بی

تاپیک جامع CSS Animation در ویکی وی بی

میزبانی وب ,هاست,فضای وب,ویندوز,لینوکس,دات نت,پی اچ پی,web hosting,windows host,linux host,asp.net,php,sql server,mysql میزبان پایتخت ارائه دهنده خدمات میزبانی وب، هاست و هاستینگ، میزبانی هاست، دامین، میزبانی نمایندگی، نمایندگی وب، سرور مجازی و سرور مجازی ابری می باشد.هاست,میزبانی وب,دامین,سرور مجازی,میزبان پایتخت,host,domain,vps,mizban paytakht,hosting,share hosting,میزبان وب,میزبانی هاست,هاستینگ

google
logo-samandehi