UTILS.
۱۰۰٪ در مرورگر

تولیدکننده CSS Transform

translate، rotate، scale و skew را در یک transform واحد CSS با پیش‌نمایش زنده ترکیب کنید.

درباره این ابزار

اسلایدرها را بکشید تا translate، rotate، scale و skewX را ترکیب کنید، جعبه را پیش‌نمایش دهید و transform را کپی کنید، همه در مرورگر شما.

پرسش‌های پرتکرار

توابع به چه ترتیبی اعمال می‌شوند؟
ابتدا translate، سپس rotate، سپس scale و در پایان skewX، مطابق با ترتیب نمایش‌داده‌شده در خروجی.
چرا scale یک اسلایدر درصدی است؟
اسلایدر از ۰ تا ۲۰۰٪ حرکت می‌کند و به یک ضریب اعشاری تبدیل می‌شود، بنابراین ۱۰۰٪ یعنی scale(1).

ابزارهای بیشتر