آموزش بهینه سازی 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

پخش اختصاصی 

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