()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); معادلش یک ماتریس چهار در چهار بعدی به صورت زیر […]

انتخاب واحد مناسب برای مدیا کوئری

انتخاب واحد مناسب برای مدیا کوئری

تا حالا شده به این فکر کنید که بهتر است از کدام یک از واحدهای CSS برای نوشتن media query ها استفاده کنید؟ برای من خیلی پیش آمده است. ولی همیشه تنبلی و پشت گوش انداختن موضوع باعث می شد تا کاری در موردش انجام ندهم. اما همیشه می دانستم که یک مشکلاتی مثلا با […]

ضرورت استفاده از واحدهای نسبی

ضرورت استفاده از واحدهای نسبی و تعیین صحیح اندازه فونت مبنا

مانند دیگر ابزارها در دنیای کامپیوتر, مرورگرها نیز این قابلیت را به کاربران می دهند تا اندازه فونت را برای خوانایی بهتر تغییر دهند. در اینجا در مورد zoom کردن صحبت نمی کنیم بلکه در مورد تغییر اندازه فونت از طریق هسته تنظیمات مرورگر بحث می کنیم. نحوه انجام این تغییر در سه مرورگر زیر […]

ویرایشگر سابلایم

تم و طرح رنگی در سابلایم

در ویرایشگر سابلایم مثل خیلی از برنامه ها و ابزارهای دیگر امکان تغییر تم محیط وجود دارد. نکته ای که باید توجه کنیم این است که یک مفهوم تم در سابلایم وجود دارد که باعث تغییر ظاهر برگه ها, تب ها, منوی کناری و همچنین رنگ و طرح قسمت کد (syntax highlighting) می شود. همینطور […]