بدست آوردن کدهای مختلف css برای مرورگرهای مختلف

[شکیبانیا 59]

سلام

همون طور که می دونید ، بعضی وقت ها ، کدهای مختلف css3 ، در مرورگرهای مختلف ، کدهای متفاوتی دارند.

به عنوان مثال ، کد border-radius برای گرد کردن گوشه های یک باکس استفاده میشود ، ولی همین کد برای مرورگر فایرفاکس -moz-border-radius هست و برای مرورگر اوپرا -webkit-border-radius هست.

سایتی که میخوام بهتون معرفی کنم کارش اینه که شما کدهای css قالبتون رو برای یک مرورگر می نویسید ، بعد کدها رو به این سایت می دید ، این سایت هم زحمت نوشتن کدها رو برای بقیه مرورگرها رو میکشه...

برای اینکه منظورم رو بهتر متوجه بشید ، یک مثال می زنم.

من کد زیر رو به این سایت دادم :

font-family:Tahoma;
border-radius:10px 10px 10px 0;
box-shadow:5px;

نتیجش این شد :

font-family:Tahoma;
-webkit-border-radius:10px 10px 10px 0;
-moz-border-radius:10px 10px 10px 0;
-o-border-radius:10px 10px 10px 0;
-ms-border-radius:10px 10px 10px 0;
-khtml-border-radius:10px 10px 10px 0;
border-radius:10px 10px 10px 0;
-webkit-box-shadow:5px;
-moz-box-shadow:5px;
box-shadow:5px;

---

ببخشید ، اصل کاری که آدرس سایت باشه رو یادم رفت بنویسم :

http://prefixr.com

[دفاعی 872]

سلام

ضمن تشکر بابت معرفی سایت

خوب این سایت نمیگه کدوم کد برای کدوم مرورگره؟؟؟؟؟!!!؟؟؟

[شکیبانیا 59]

سلام آقا مرتضی گل

نه ، این سایت چیزی در این مورد نمیگه.

ولی اگر میخواین با این کد ها آشنا بشید و بدونید هرکدون برای کدوم مرورگر هستند ، خوبه که یک سر به این سایت بزنید .

در این سایت ، به همراه مثال توضیح داده شده که هر کد دقیقا چه کاری می کنه و برای کدوم مرورگر هستش و توسط چه ورژنی از مرورگرها پشتیبانی میشه.

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

یا علی

[alone00293 0]

ممنون از معرفي اين سايت.

ولي كدهايي كه اين سايت ميده اشتباهه.

 

اين سايت تنها كاري كه ميكنه همون كد خودمون رو قبلش پيشوند مرورگرها رو مينويسه.

مثلا :

    background: linear-gradient(to right, #CCFFFF, #3FC9AB);

اين يه كد css3  هستش كه براي نمايش درست در مرورگرهاي مختلف بايد يه جور خاص نوشتش . مثلا براي مرورگر گوگل كروم به اين شكل هستش:

 background: -webkit-gradient(linear, left top, left bottom, from(#B30707), to(rgba(255, 255, 255, 0.38)));

پس ببينين چقد فرق ميكنه.

 

بازم ممنون. لطفا اگه سايت يا نرم افزار ديگري براي كدهاي css3  پيدا كردين حتما معرفي كنين.

موفق باشيد.

[pouyaweb 0]

سایتی می شناسین که با مرورگرهای مختلف وضعیت یه سایت نمایش بده لود

چطوره بودهcss

[محمدحسین میری 3,094]

درود

 

به انجمن جومینا خوش آمدید

لطفن سوال جدید در تاپیک جدید

متشکریم

 

سایت زیر کدهای سایت تون و لود تمام صفحات رو برسی میکنه

 

http://gtmetrix.com/