پراپرتی transform در css

از ترانس فرم برای چرخش المان ها، بزرگ و کوچک کردن و… استفاده میشود که مقادیر زیادی را می پذیرید. ما یکسری از مقادیر مهمش رو در ادامه بررسی میکنم ولی اگر نیاز به اطلاعات بیشتری داشتید میتونید از این لینک مطالعه کنید.

rotate

چرخش المان، توسط rotate اتفاق می افته، که بصورت transfotm: rotate(20deg) نوشته میشه. میتونیم عدد منفی هم بهش بدیم.

Scale

برای بزرگتر و کوچکتر کردن المان مورد استفاده قرار میگیره، عدد 1 یعنی دقیقا اندازه خود المان، عدد بزرگتر بدید المان بزرگتر هم میشه، برای مثال scale (1.5)

skew

برای خمیده کردن، کج کردن المان استفاده میشه و درجه دریافت میکنه

translate

برای جایجایی المان استفاده میشه، مثلا می توانیم بگیم المان 50 پیکسل بره سمت چپ…. دو تا ورودی میگیره که اولش در محور افقی هست و دومی در محور عمودی، اگه یک عدد بنویسیم در محور افقی جابجایی صورت میگیره.

 

دیدگاهتان را بنویسید