افکت hover در menu: پس زمینه تقسیم شده

Creative Splitted Background Menu Effect

دوره: طراحی صد پروژه‌ی انیمیشن و افکت‌ حرکتی با CSS

این قسمت مربوط به افکت hover روی منو است که در آن شاگرد افکتی روی منویی که بالای وبسایت‌ها هستند، با استفاده از تمام ویژگی‌هایی که تاکنون یاد گرفته، خصوصاً transition و transform، در مواقعی که نشانگر موس به روی یک لینک ازمنو برده می‌شود، همچنین زمانی که نشانگر موس از روی لینک دور می‌شود ایجاد می‌کند. شاگرد در این قسمت یک پس‌زمینه به‌صورت چندتایی روی لینک ایجاد می‌کند که از بالا به پایین ظاهر می‌شوند و هنگام دور شدن از لینک، محو می‌شوند.

سطح : مقدماتی تا متوسطه