با استفاده از تابع 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 را نشان می دهد. زاویه مثبت باعث می شود که عنصر در جهت عقربه های ساعت دور این […]
()rotateX
با استفاده از تابع rotateX که برای ویژگی transform تعیین می شود می توانید یک عنصر را در فضای سه بعدی دور محور X بچرخانید. این تابع یک زاویه می گیرد که میزان چرخش دور محور X را نشان می دهد. زاویه مثبت باعث می شود که عنصر در جهت عقربه های ساعت دور این […]
()rotate3d
با استفاده از تابع rotate3d که برای ویژگی transform تعیین می شود می توانید یک عنصر را در فضای سه بعدی بچرخانید. برای این تابع باید چهار مقدار تعیین شود که سه مقدار اول برداری را در فضای سه بعدی می سازند که عنصر به اندازه زاویه ای که به عنوان مقدار چهارم به این […]
()matrix3d
با استفاده از تابع matrix3d که برای ویژگی transform تعیین می شود می توان کارهایی از قبیل تغییر شکل, مکان و وضعیت یک عنصر را بوسیله یک ماتریس در فضای سه بعدی انجام داد. مثلا اگر داشته باشیم: transform: rotate3d(1, 0, 1, 45deg) translate3d(24px,25px, 100px); معادلش یک ماتریس چهار در چهار بعدی به صورت زیر […]
border-image-outset
به ناحیه داخلی, که قرار است حاشیه تصویری درون آن ترسیم شود, ناحیه حاشیه تصویری (border image area) گفته می شود. بصورت پیشفرض مرزهای این ناحیه بر روی مرزهای عنصر (border box) قرار می گیرند مگر اینکه بوسیله ویژگی border-image-outset ناحیه حاشیه تصویری, گسترش پیدا کند. در تصویر زیر خط خاکستری نشان دهنده ناحیه حاشیه […]
border-image-repeat
از ویژگی border-image-repeat برای تعیین چگونگی تغییر اندازه و چیدمان تکه های حاشیه تصویری, استفاده می شود. تصویر مورد نظر که برای حاشیه تصویری مورد استفاده قرار می گیرد بوسیله ویژگی border-image-slice به نه تصویر تقسیم می شود. ویژگی border-image-repeat می تواند یک مقدار و یا دو مقدار داشته باشد. این مقادیر از […]