برای پیاده سازی سه بعدی در دنیای وب چندین راه حل وجود دارد که معروف ترین آنها استفاده از WebGL می باشد, اما کار با آن آسان نیست. مثلا ساخت یک مکعب ساده با استفاده از WebGL بصورت خام شاید صدها خط جاوااسکریپت نیاز داشته باشد. علاوه بر بحث دشواری استفاده از آن برای ساخت […]
با استفاده از تابع rotateZ که برای ویژگی transform تعیین می شود می توانید یک عنصر را در فضای سه بعدی دور محور Z بچرخانید. این تابع یک زاویه می گیرد که میزان چرخش دور محور Z را نشان می دهد. زاویه مثبت باعث می شود که عنصر در جهت عقربه های ساعت دور این […]
با استفاده از تابع rotateY که برای ویژگی transform تعیین می شود می توانید یک عنصر را در فضای سه بعدی دور محور Y بچرخانید. این تابع یک زاویه می گیرد که میزان چرخش دور محور Y را نشان می دهد. زاویه مثبت باعث می شود که عنصر در جهت عقربه های ساعت دور این […]
با استفاده از تابع rotateX که برای ویژگی transform تعیین می شود می توانید یک عنصر را در فضای سه بعدی دور محور X بچرخانید. این تابع یک زاویه می گیرد که میزان چرخش دور محور X را نشان می دهد. زاویه مثبت باعث می شود که عنصر در جهت عقربه های ساعت دور این […]
با استفاده از تابع rotate3d که برای ویژگی transform تعیین می شود می توانید یک عنصر را در فضای سه بعدی بچرخانید. برای این تابع باید چهار مقدار تعیین شود که سه مقدار اول برداری را در فضای سه بعدی می سازند که عنصر به اندازه زاویه ای که به عنوان مقدار چهارم به این […]
امروزه در دنیای وب تغییر شکل و مکان عناصر از اهمیت زیادی برخوردار است. با استفاده از چنین قابلیت هایی و همینطور انیمیشن ها و ترنزیشن ها صفحات وب و نرم افزارهای کاربردی کاربر پسندتر و پویاتر می شوند و همینطور شادابی خاصی خواهند داشت. با استفاده از سی اس اس می توانیم عناصر را […]
با استفاده از تابع matrix که برای ویژگی transform تعیین می شود می توان کارهایی از قبیل تغییر شکل, مکان و وضعیت یک عنصر را بوسیله یک ماتریس در فضای دو بعدی انجام داد. مثلا اگر داشته باشیم: transform: rotate(80deg) translate(50px,25px) skewX(10deg); معادلش یک ماتریس دو بعدی به صورت زیر خواهد بود: transform: matrix(0.173648, 0.984808, […]
از ویژگی transform-origin برای تعیین مبدا مختصاتی تغییر شکل, مکان و یا وضعیت عناصر استفاده می شود. مثلا در مورد چرخاندن یک عنصر, اگر مبدا مختصاتی آن عنصر تغییر پیدا کند نتیجه تغییر چرخش متفاوت خواهد بود. تصویر زیر این موضوع را بهتر بیان می کند. توجه داشته باشید که نقطه سیاه مبدا مختصات عنصر […]
با استفاده از تابع skewY که برای ویژگی transform تعیین می شود می توانید یک عنصر را در فضای دو بعدی به صورت کج یا مورب تغییر شکل دهید. می توانید اینطور تصور کنید زمانی که زاویه این تابع مثبت است راس بالا سمت چپ مستطیل و راس پایین سمت راست آن در جهت مخالف […]
با استفاده از تابع skewX که برای ویژگی transform تعیین می شود می توانید یک عنصر را در فضای دو بعدی به صورت کج یا مورب تغییر شکل دهید. می توانید اینطور تصور کنید زمانی که زاویه این تابع مثبت است راس بالا سمت چپ مستطیل و راس پایین سمت راست آن در جهت مخالف […]