6
0

چطور می‌تونم چند تا ترنسفورم رو به طور همزمان با CSS اعمال کنم؟

مثال: توی زیر، فقط ترنسفورم جابه‌جایی (translation) اعمال می‌شه و چرخش (rotation) اعمال نمی‌شه.

li:nth-child(2) {
    transform: rotate(15deg);
    transform: translate(-20px,0px);        
}
0

باید اونا رو توی یه خط بنویسی مثل این:

li:nth-child(2) {
    transform: rotate(15deg) translate(-20px,0px);
}

وقتی چندین دستور transform داری، فقط آخرین دستور اعمال می‌شه. مثل هر قانون CSS دیگه‌ای.

یادت باشه که دستورات چندگانه transform که در یک خط نوشته می‌شن از راست به چپ اعمال می‌شن.

transform: scale(1,1.5) rotate(90deg)

و

transform: rotate(90deg) scale(1,1.5)

نتیجه یکسانی تولید نمیکنن

 

ارسال پاسخ به سوال بالا

برای ارسال پاسخ باید وارد اکانتت بشی

اگر پاسخت شامل تکه کدی میشه، از منوی ویرایشگر پایین، تکه کدی که نوشتی رو انتخاب کن و بعد از طریق زبان کدی که نوشتی رو انتخاب کن تا کدت داخل بلاک مخصوص زبان خودش قرار بگیره و کدت خواناتر برای بقیه نشون داده بشه

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