مسج تحريك css border-radius الملكية (بكت وموزيلا)

Question

هل هناك طريقة في مسج لتحريك css3 border-radius مكان الإقامة المتاحة في بكت وموزيلا المتصفحات ؟

لم أجد البرنامج المساعد من شأنها أن تفعل ذلك.

-webkit-border-radius

-moz-border-radius

Answer 1

أنا أصلا من المتوقع أن شيء من هذا القبيل...

$("selector")
  .css({borderRadius: 10});
  .animate({borderRadius: 30}, 900);

...العمل.ولكن كنت على خطأ:بكت يسمح لك مجموعة قيمة جميع الزوايا الأربع عبر borderRadius, ولكن لن تسمح لك قراءتها مرة أخرى - حتى مع رمز أعلاه, الرسوم المتحركة سوف تبدأ دائما في 0 بدلا من 10.أي لديه نفس المشكلة.فايرفوكس سوف تتيح لك قراءة له كل شيء يعمل كما هو متوقع هناك.

حسنا...border-radius لديه نوع من تاريخ تنفيذ الخلافات.

لحسن الحظ هناك مجموعة العمل حول:فقط تحديد كل دائرة نصف قطرها الزاوية بشكل فردي:

$("selector")
  .css({
    borderTopLeftRadius: 10, 
    borderTopRightRadius: 10, 
    borderBottomLeftRadius: 10, 
    borderBottomRightRadius: 10 })
  .animate({
    borderTopLeftRadius: 30, 
    borderTopRightRadius: 30, 
    borderBottomLeftRadius: 30, 
    borderBottomRightRadius: 30}, 900);

ملاحظة أنه إذا كنت ترغب في الحفاظ على التوافق مع المتصفحات القديمة ، يمكنك الذهاب من استخدام المتصفح القديم-مسبوقة الأسماء:

$("selector")
  .css({
    borderTopLeftRadius: 10, 
    borderTopRightRadius: 10, 
    borderBottomLeftRadius: 10, 
    borderBottomRightRadius: 10,
    WebkitBorderTopLeftRadius: 10, 
    WebkitBorderTopRightRadius: 10, 
    WebkitBorderBottomLeftRadius: 10, 
    WebkitBorderBottomRightRadius: 10, 
    MozBorderRadius: 10 
  })
  .animate({
    borderTopLeftRadius: 30, 
    borderTopRightRadius: 30, 
    borderBottomLeftRadius: 30, 
    borderBottomRightRadius: 30,
    WebkitBorderTopLeftRadius: 30, 
    WebkitBorderTopRightRadius: 30, 
    WebkitBorderBottomLeftRadius: 30, 
    WebkitBorderBottomRightRadius: 30, 
    MozBorderRadius: 30 
  }, 900); 

هذا يبدأ في الحصول على مجنون جدا على الرغم ؛ وأود أن تجنب ذلك إذا كان ذلك ممكنا.

Answer 2

استخدام cssHooks.

هذا سوف تساعدك على الخروج:

http://www.webmuse.co.uk/articles/border_radius_csshook_with_internet_explorer_support/

روابط cssHooks:

https://github.com/brandonaaron/jquery-cssHooks

حظا سعيدا!

Answer 3

جوست نصيحة يمكننا استخدام دالة على الكشف عن المتصفح CSS البادئة هنا عينة كود.. http://jsfiddle.net/molokoloco/f6Z3D/