چند سالی میشه که Css3 جایگاه مهمی در بین دیزاین های حرفه ای قالب ها پیدا کرده است .
اما همانطور که میدانید بجز مرورگر های IE 1 تا IE8 که به هیچ عنوان از css3 پشتیبانی نمیکنند . بقیه مرورگر ها , در ورژنهای قدیمی خود به دلیل اینکه Css3 یک قانون استاندارد نبود , برای نمایش آن باید از پیشوند های اختصاصی همان مرورگر برای نمایش Css3 استفاده کرد .
به دلیل اینکه هنوز کاربرانی از این ورژنهای قدیمی استفاده میکنند باید از این پیشوند ها در طراحی استفاده شود تا تمامی مرورگر های قدیمی و جدید از این امکام برخوردار شوند .
توجه : در زیر با خاصیت ها و پیشوند های مورد نیاز آشنا خواهید شد . اما باید در نظر داشته باشید که ما علاوه بر پیشوند ها , یک بار هم خود خاصیت رو بدون پیشوند ( برای مرورگرهای جدید ) به کار می بریم .
|
2
3
4
5
6
7
8
9
10
11
12
|
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