در دو قسمت گذشته از آموزش انمیشن‌سازی در CSS به طور کلی به مقادیر scale و translate اشاره کردیم. پراپرتی transform مقادیر دیگری را نیز دریافت می‌کند. یکی از آن‌ها rotate است. در این جلسه می‌خواهیم به آموزش کار با Rotate در css بپردازیم. از این مقدار همانطور که از نام آن مشخص است برای چرخش عناصر در صفحات وب استفاده می‌شود. به عبارتی شما می‌توانید هر چقدر که دوست داشتید عناصر مختلف صفحه را به چرخش در بیاورید. اگر به این مبحث علاقه‌مند هستید با ما همراه باشید. از rotate در چه مواردی استفاده می‌شود؟ زمانی که قصد دارید یک عنصر را به چرخش در بیاورید از این خاصیت استفاده می‌کنید. در حقیقت در بعضی از موارد است که عنصر مد نظر باید در یک زاویه خاصی قرار بگیرد. در این حالت Rotate را با زاویه خاص مقدار دهی می‌کنیم تا به شکل مد نظر خودمان برسیم. انجام این کار بسیار ساده است که در بخش‌های دیگر به آن می‌پردازیم. هم‌چنین شاید بخواهیم عنصر مد نظر را به تعداد مشخصی بچرخانیم. برای این کار نیز از همین پراپرتی استفاده می‌شود. در بخش‌های بعدی از مقاله آموزش کار با Rotate در css به همین موضوع می‌پردازی.. ... <a class="cz_readmore" href="https://jsschool.ir/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%a7%d9%86%db%8c%d9%85%db%8c%d8%b4%d9%86%d8%b3%d8%a7%d8%b2%db%8c-%d8%a8%d8%a7-css-%d8%ac%d9%84%d8%b3%d9%87-%d8%b3%d9%88%d9%85-%d8%a2%d9%85%d9%88%d8%b2%d8%b4/"><i class="fa fa-angle-left" aria-hidden="true"></i><span>ادامه مطلب</span></a>

در جلسه اول از آموزش انیمیشن‌سازی با CSS به طور کلی به آموزش کار با translate پرداختیم. اما در این جلسه قصد داریم به آموزش کار با scaleX در css بپردازیم. همانطور که می‌دانید انیمیشن‌سازی در css به یک کار بسیار محبوب تبدیل شده است. اکثر UIکارها به این تکنیک‌ها مسلط هستند و دوست دارند از طریق صفحات جذاب‌تری را طراحی کنند. با استفاده از انیمیشن‌سازی در CSS شما می‌توانید صفحات جذاب‌تر اما با دردسر کمتری تولید کنید. در این جلسه به آموزش ()scaleX و ()scaleY و ()scale می‌پردازیم که از جمله مباحث مهم در انیمیش‌سازی هستند. اگر علاقه‌مند به این موضوع هستید با ما همراه باشید. از Scale در چه مواردی استفاده می‌شود؟ از خاصیت translate زمانی استفاده می‌شد که می‌خواستیم یک عنصر را در جهت خاصی حرکت دهیم. به عنوان مثال 20 پیکسل به سمت راست یا پایین ببریم. اما با استفاده از خاصیت Scale شما می‌توانید عناصر مختلف صفحه را در جهت مشخصی به عنوان مثال چپ یا راست کوچک و یا بزرگ کنید. به عبارتی می‌توانید سایز عناصر را با یک سری اعداد تغییر دهید. هم‌چنین می‌توانید عناصر را قرینه کنید. استفاده از این تکنیک در .. ... <a class="cz_readmore" href="https://jsschool.ir/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%a7%d9%86%db%8c%d9%85%db%8c%d8%b4%d9%86%d8%b3%d8%a7%d8%b2%db%8c-%d8%a8%d8%a7-css-%d8%ac%d9%84%d8%b3%d9%87-%d8%af%d9%88%d9%85-%d8%a2%d9%85%d9%88%d8%b2%d8%b4/"><i class="fa fa-angle-left" aria-hidden="true"></i><span>ادامه مطلب</span></a>

در این قسمت از آموزش انیمشن‌سازی در CSS قصد داریم به طور کلی به آموزش کار با Skew در CSS بپردازیم. همانطور که می‌دانید انیمیشن‌سازی با استفاده از CSS به راحتی امکان‌پذیر است و می‌توان پروژه‌های جذابی را با استفاده از این زبان ایجاد کرد. ما در قسمت گذشته به آموزش کار با Rotate پرداختیم. همانطور که می‌دانید ما در ابتدای آموزش هستیم ولی موفق شدیم که المان‌های جذابی را تولید کنیم. در این قسمت نیز می‌خواهیم از Skew استفاده کنیم. این دستور نیز جذابیت‌های مربوط به خود را دارد و می‌تواند استفاده مناسبی از آن شود. پس با ما همراه باشید. از skew در چه مواردی استفاده می‌شود؟ ممکن است برایتان پیش آمده باشد که بخواهید یک المان خاص را به صورت مورب حرکت دهید. این موضوع در بسیاری از موارد برای بسیاری از کاربران پیش می‌آید. این کار به راحتی با استفاده از skew امکان‌پذیر است. این دستور از شما یک درجه خاص را دریافت می‌کند و با توجه به همان درجه عنصر را به حالت مورب در می‌آورد. استفاده از این دستور نیز مانند دستور Rotate بسیار ساده است و نکته خاصی ندارد. در ادامه بیشتر به نحوه استفاده از آن می‌پردازیم.. ... <a class="cz_readmore" href="https://jsschool.ir/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%a7%d9%86%db%8c%d9%85%db%8c%d8%b4%d9%86%d8%b3%d8%a7%d8%b2%db%8c-%d8%a8%d8%a7-css-%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-skew/"><i class="fa fa-angle-left" aria-hidden="true"></i><span>ادامه مطلب</span></a>

اگر به دنبال ارتقاء منابع میزبانی وب در سایت خود هستید و یا اگر دوست دارید از سرورهای خارجی برای مدیریت سایت خود استفاده کنید، کافیست در ادامه این مطلب با ما همراه باشید تا ضمن آشنایی با یکی از بهترین شرکت‌های ارائه دهنده خدمات هاستینگ در ایران، با جدیدترین خدمات آن‌ها نیز آشنا شوید. ارائه سرور مجازی امارات با بهترین کیفیت از جدیدترین خدمات هاست ایران است که در این مطلب با ویژگی‌های آن آشنا خواهید شد. اگر به دنبال خرید سرور مجازی امارات هستید، شاید بهتر است قبل از آن بدانید سرور مجازی چیست و چه کاربردی دارد. اینطور نیست؟ سرور مجازی چیست؟ سرور مجازی یا VPS یکی از انواع خدمات ارائه شده توسط شرکت‌های میزبانی وب است که فضای مورد نیاز برای ایجاد یک سایت را در اختیار مدیر سایت قرار می‌دهد. برای ایجاد سرور مجازی از فناوری جدید مجازی‌سازی استفاده می‌کنند. با استفاده از این فناوری منابع یک سرور اختصاصی به صورت مجازی تقسیم‌بندی می‌شوند. در یک مثال واضح اگر یک آپارتمان را در نظر بگیرید، کل ساختمان یک سرور اختصاصی و هر واحد یک سرور مجازی است. سرور مجازی در واقع قسمتی از منابع یک سرور اختصاصی اس.. ... <a class="cz_readmore" href="https://jsschool.ir/%d8%a7%d8%b1%d8%a7%d8%a6%d9%87-%d8%b3%d8%b1%d9%88%d8%b1-%d9%85%d8%ac%d8%a7%d8%b2%db%8c-%d8%a7%d9%85%d8%a7%d8%b1%d8%a7%d8%aa-%d8%af%d8%b1-%d9%87%d8%a7%d8%b3%d8%aa-%d8%a7%db%8c%d8%b1%d8%a7%d9%86/"><i class="fa fa-angle-left" aria-hidden="true"></i><span>ادامه مطلب</span></a>