با استفاده از ویژگی bottom می توان فاصله لبه پایینی عناصری که position گرفته اند را از مبداشان تعیین کرد. برای درک این ویژگی باید با ویژگی position کاملا آشنا باشید. به ویژگی هایی نظیر bottom ویژگی های آفست می گویند. دیگر ویژگی های مربوط به آفست عناصر left, right, top می باشند. ویژگی های […]
top
با استفاده از ویژگی top می توان فاصله لبه بالایی عناصری که position گرفته اند را از مبداشان تعیین کرد. برای درک این ویژگی باید با ویژگی position کاملا آشنا باشید. به ویژگی هایی نظیر top ویژگی های آفست می گویند. دیگر ویژگی های مربوط به آفست عناصر left, right, bottom می باشند. ویژگی های […]
position
با استفاده از ویژگی position می توان مکان یک عنصر را در صفحه مشخص کرد. از طریق این ویژگی می توانید تصمیم بگیرید که آیا مکان عنصر نسبت به flow صفحه مشخص شود (حالت پیشفرض) یا اینکه در عین حالی که جایگاهش در flow حفظ می شود مکانش تغییر کند و یا اینکه مکان آن […]
perspective-origin
با استفاده از ویژگی perspective-origin می توان موقعیتی که بیننده در آن فضای سه بعدی را مشاهده می کند را تعیین کرد. نقطه ای که این ویژگی بر اساس محورهای X و Y تعیین می کند, توسط ویژگی perspective به عنوان نقطه گریز عنصر در فضای سه بعدی مورد استفاده قرار می گیرد. نقطه گریز […]
()translateZ
با استفاده از تابع translateZ که برای ویژگی transform تعیین می شود می توان یک عنصر را در فضای سه بعدی در جهت محور Z جابجا کرد. مقداری که این تابع می پذیرد می تواند واحد طولی یا درصدی داشته باشد. و این مقدار باعث حرکت عنصر در راستای محور Z می شود. در زیر […]
()translate3d
با استفاده از تابع translate3d که برای ویژگی transform تعیین می شود می توان یک عنصر را در فضای سه بعدی حرکت داد. این تابع نسخه سه بعدی تابع ()translate می باشد که با استفاده از بردار [tx, ty, tz] باعث تغییر مکان عنصر می شود که در اینجا tx انتقال در راستای محور X […]
()scaleZ
با استفاده از تابع scaleZ که برای ویژگی transform تعیین می شود می توانید یک عنصر را در فضای سه بعدی و در جهت محور Z بزرگتر یا کوچکتر نمایش دهید. مثال هایی از موارد صحیح استفاده از این تابع: transform: scaleZ(2); transform: scaleZ(1); /* عنصر تغییری نخواهد کرد */ transform: scaleZ(0.25); transform: scaleZ(-1); […]
()scale3d
با استفاده از تابع scale3d که برای ویژگی transform تعیین می شود می توانید یک عنصر را در فضای سه بعدی بزرگتر یا کوچکتر نمایش دهید. این تابع برخلاف نسخه دو بعدی آن یعنی ()scale سه مقدار می گیرد. که مقادیر عددهایی بدون واحد هستند. مقدار اول sx است که موجب کوچک و یا بزرگ […]
()rotateZ
با استفاده از تابع rotateZ که برای ویژگی transform تعیین می شود می توانید یک عنصر را در فضای سه بعدی دور محور Z بچرخانید. این تابع یک زاویه می گیرد که میزان چرخش دور محور Z را نشان می دهد. زاویه مثبت باعث می شود که عنصر در جهت عقربه های ساعت دور این […]
()rotateY
با استفاده از تابع rotateY که برای ویژگی transform تعیین می شود می توانید یک عنصر را در فضای سه بعدی دور محور Y بچرخانید. این تابع یک زاویه می گیرد که میزان چرخش دور محور Y را نشان می دهد. زاویه مثبت باعث می شود که عنصر در جهت عقربه های ساعت دور این […]