جهت ورود به تالار گفتمان سایت کلیک کنید


آموزش بهینه سازی Css3 برای تمامی مرورگرها ( پیشوند های کمکی )

چند سالی میشه که Css3 جایگاه مهمی در بین دیزاین های حرفه ای قالب ها پیدا کرده است .

اما همانطور که میدانید بجز مرورگر های IE 1 تا IE8 که به هیچ عنوان از css3 پشتیبانی نمیکنند . بقیه مرورگر ها , در ورژنهای قدیمی خود به دلیل اینکه Css3 یک قانون استاندارد نبود , برای نمایش آن باید از پیشوند های اختصاصی همان مرورگر برای نمایش Css3 استفاده کرد .

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

توجه : در زیر با خاصیت ها و پیشوند های مورد نیاز آشنا خواهید شد . اما باید در نظر داشته باشید که ما علاوه بر پیشوند ها , یک بار هم خود خاصیت رو بدون پیشوند ( برای مرورگرهای جدید ) به کار می بریم .

Selector{
    -webkit-Property:Value; /*برای مرورگر های کروم و سافاری*/
    -moz-Property:Value; /*برای مرورگر های فایرفاکس*/
    -o-Property:Value; /*برای مرورگرهای اپرا*/
    -ms-Property:Value; /*برای مرورگرهای اینترنت اکسپلورر*/
    Property:Value; /*برای تمامی مرورگرهای جدید*/
}

خاصیت هایی ( Property ) که باید از پیشود های بالا در آن استفاده کرد , به شرح زیر می باشد .

  •  Border-Radius 
  • Border-image
  •  background-size 
  •  Gradient 
  • Transform
  • Transition
  • Animation
  • keyframes@ برای انیمیشن ها استفاده میشود
  • Column
  • box-sizing

پخش اختصاصی 

گردآوری : وحید مجیدی

جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

5 پاسخ به “آموزش بهینه سازی Css3 برای تمامی مرورگرها ( پیشوند های کمکی )”

  1. محمود گفت:

    سلام . خیلی ممنون از این مطلب مهم.
    باید عرض کنم که وبسایت ساده و در حین حال زیبایی دارید…
    مطالبتون هم که واقعا پربار و مفید هستند.
    میشه خواهش کنم از وبسایت بنده هم دیدن کنید؟
    http://www.arize.ir
    بازم ازتون ممنونم.

  2. جواد مختاری گفت:

    یه دونه ای آقا وحید

    مرسی

  3. محمد گفت:

    salam ali bod

  4. شکرگزاری گفت:

    سلام
    خیلی ممنون.
    موفق باشید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *