menu

۱۱- Transition در متریالایز

فرم ورک متریالایز افکت جالبی برای برای تغییر حالت یک المنت دارد. افکت تغییر حالت یا Transition در متریالایز یک کلاس پایه دارد و کلاسی که در هنگام تغییر حالت به آن افزوده می‌شود.

افکت تغییر اندازه

از این افکت می‌‌توانید برای داخل و خارج کردن عناصر استفاده کنید. برای این کار ابتدا کلاس scale-transition را به عنصر مورد نظر دهید. دادن کلاس scale-out به المنت مورد نظر باعث میشود که مقیاس آن کم شود تا جایی که نا پدید شود. همچنین اگر میخواهید المنت مخفی شده را نمایان کنید، ابتدا کلاس scale-out را به آن داده، سپس با استفاده از کلاس scale-in آن را با همان افکت تغییر اندازه نمایان کنید. برای مثال به کد زیر توجه کنید:

نحوه افزودن و حذف کلاس

همانطور که می‌دانید برای این کار و اضافه کردن کلاس به عنصر مورد نظر می‌توانید از جاوااسکریپت و جی‌کوئری استفاده کنید.

 

 

رفتن به نوارابزار