8
1
0
چطور می‌تونم چند تا ترنسفورم رو به طور همزمان با CSS اعمال کنم؟
مثال: توی زیر، فقط ترنسفورم جابه‌جایی (translation) اعمال میشه و چرخش (rotation) اعمال نمی‌شه.
li:nth-child(2) {
transform: rotate(15deg);
transform: translate(-20px,0px);
}
1
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)
نتیجه یکسانی تولید نمیکنن
ارسال پاسخ به سوال بالا