نمایش قدرت HTML5

  • بوسیله: محسن شفیعی
  • در 1391/10/27 - 23:43
  • یک نظر
نمایش قدرت HTML5

نمایش قدرت HTML5

سایت Form Follows Function مجموعه ای از آزمایش های تعاملی HTML5 است که با استفاده از Canvas و CSS3 مانند انیمیشن های 3بعدی و 2 بعدی ساخته شده است.

در این سایت شما بر روی هر کتابی که کلیک کنید موج جدیدی از قدرت HTML5 را میبینید. اگر صدای کارت گرافیک شما درآمد زیاد تعجب نکنید.

این سایت را به هیچ وجه از دست ندهید.

سایت Form Follows Function

شرح تابع های خاصیت transition

  • بوسیله: محسن شفیعی
  • در 1391/10/21 - 21:04
  • نظرات (2)

همانطور که میدانید خاصیت transition دارای تایع های مختلفی به نام های ease, ease-in, ease-out ease-in-out, linear و cubic-bezier است.
در این مطلب به شرح چگونگی کار این تابع ها میپردازیم.

 


تابع ease

شرح تابع های خاصیت transition

شرح تابع های خاصیت transition

همه چیزی که باید درباره Transitions در CSS بدانید

  • بوسیله: محسن شفیعی
  • در 1391/10/17 - 19:49
  • دیدگاه‌ها برای همه چیزی که باید درباره Transitions در CSS بدانید بسته هستند
متحرک سازی در CSS

متحرک سازی در CSS

Transitions راهی ساده و زیبا برای انتقال یک عنصر به صورت انیمیشن است.

در این مطلب قصد داریم به بخش های پیچیده تر Transitions بپردازیم. از زنجیره ها و رویدادها تا شتاب سخت افزاری و توابع انیمیشن


پشتیبانی مرورگرها

Transitions عملا در همه نسخه های Firefox, Safari و Chrome پشتیبانی میشود.و همچنین در IE10 و نسخه های بعد از آن.

مرورگرهای بر اساس Webkit که شامل Chrome و Safari میشوند از پیشوند -webkit- برای شناسایی این کدها استفاده میکنند. اما بزودی این خطا رفع میشود تا با استاندارد W3 یکسان شود.

 


استفاده از Transitions

راه ساده برای استفاده از Transitions استفاده از شبه کلاس ها مانند hover: است. که در آن باید نام خواص و مدت زمان اجرای انیمیشن و تابع انیمیشن تعیین شود.

برای مثال:

در ادامه همراه ما باشید…

(بیشتر…)