CSS çağrısı için yinelenen öznitelikleri jQueryLite olarak ayarlanamıyor

Question

JQueryLite öğesine tek bir CSS çağrısında öznitelik öznitelikleri nasıl ayarlanır? açısal, ben bir SVG görüntü üzerinde böyle bir şey yapmak istiyorum: Bu rotasyon ve SVG resmin ölçeğini hem ayarlar

element.css({'transform': "rotate("+rot*360+"deg)",'transform': "scale("+scl+")"}); 

. Bununla birlikte, sonuç, son 'dönüşüm' özelliğinin, daha öncekilerin üzerine yazmasıdır. I.e, ölçeği ya da rotasyonu ayarlayabilirim ama ikisini de değil. Aynı anda iki tamamen farklı değerlere CSS özelliğini ayarlayamıyor

transform: rotate(360deg); transform: scale(1) 

Answer 1

Bu ilgisi Sen yazmak için ihtiyaç duyduğu JavaScript veya jQueryLite ile yapmak için - bir stil sayfasında, aynı özellik için birden fazla bildirim birbirinin üzerine yazacaktır. Birden dönüşümleri belirtmek için

doğru sözdizimi

Ah o kadar basit

transform: rotate(360deg) scale(1) 

Answer 2

: gibi bu örnekte

, beklenen css görünürdü.

transform: rotate(360deg); transform: scale(1) 

sonra ikinci değer İlki üzerine yazılacağı ve mülkiyet dönüşümü

transform: scale(1) 

aynı olma sona ereceğini değerlerin bir boşlukla ayrılmış listesini alır:

Eğer yazdı . teoride, kendi JS tam olarak aynı şeyi,

transform: rotate(360deg) scale(1); 

ve:

element.css({'transform': "rotate("+rot*360+"deg) scale("+scl+")"}); 

Answer 3

tarafından bu birleştirmememizdir Neden:

element.css({'transform': "rotate("+rot*360+"deg) scale("+scl+")"});