آموزش جامع سه بعدی در css

تغییر شکل و مکان عناصر در فضای سه بعدی

برای پیاده سازی سه بعدی در دنیای وب چندین راه حل وجود دارد که معروف ترین آنها استفاده از WebGL می باشد, اما کار با آن آسان نیست. مثلا ساخت یک مکعب ساده با استفاده از WebGL بصورت خام شاید صدها خط جاوااسکریپت نیاز داشته باشد. علاوه بر بحث دشواری استفاده از آن برای ساخت […]

تغییر شکل و مکان عناصر در فضای دو بعدی

امروزه در دنیای وب تغییر شکل و مکان عناصر از اهمیت زیادی برخوردار است. با استفاده از چنین قابلیت هایی و همینطور انیمیشن ها و ترنزیشن ها صفحات وب و نرم افزارهای کاربردی کاربر پسندتر و پویاتر می شوند و همینطور شادابی خاصی خواهند داشت. با استفاده از سی اس اس می توانیم عناصر را […]

transform-origin

از ویژگی transform-origin برای تعیین مبدا مختصاتی تغییر شکل, مکان و یا وضعیت عناصر استفاده می شود. مثلا در مورد چرخاندن یک عنصر, اگر مبدا مختصاتی آن عنصر تغییر پیدا کند نتیجه تغییر چرخش متفاوت خواهد بود. تصویر زیر این موضوع را بهتر بیان می کند. توجه داشته باشید که نقطه سیاه مبدا مختصات عنصر […]

transform

با استفاده از ویژگی transform می توانید شکل, مکان و یا وضعیت یک عنصر را تغییر دهید. این تغییر می تواند دو بعدی و یا سه بعدی باشد. مقدار این ویژگی می تواند none باشد که به این معنی است که هیچ تغییری انجام نشود. و یا می توان یک و یا تعدادی از توابع […]