CSS'de birden çok geçiş özelliğini tanımlayın

Question

transition-property değerini all olarak ayarlarken, tarayıcı penceresinin içinde yakınlaştırma yaparken kötü görünür çünkü width ve height özellikleri de geçiş aşamasındadır. Sadece background ve color istediğinizde, Yine de o çok çizgisini tanımlamak gerekir: Ben de -webkit-, -moz ve -o- için bunu yapmak zorunda çünkü

transition-property: color, background; 
transition-duration: 250ms; 

Bu, kötü. Bunun yerine böyle bir şey arıyorum:

transition: [color and background] 250ms; 

Bunun için herhangi bir sözdizimi var mı?

Answer 1

birden geçişlerle transition kısaltmalar kullanarak, virgülle değerlerin her grup her özellik için bir geçiş süresi tekrarlamak ve ayırmak gerekir:

önekleri ile

transition: color 250ms, background 250ms; 

, bu şuna benzer:

-moz-transition: color 250ms, background 250ms; 
-o-transition: color 250ms, background 250ms; 
-webkit-transition: color 250ms, background 250ms; 
transition: color 250ms, background 250ms; 

Yine de biraz yinelenen, ancak en azından tüm önekler için transition-property ve transition-duration yinelenen atıyor.

Kısa söz dizimi spec'da açıklanmaktadır.