Locație:pagina principala > Codul efectelor speciale JS > Animație CSS3

CSS3 extensibil buton meniu design material Design material

2020-06-25 34număr de vizionări
Acesta este un efect de buton de meniu deschis în stilul designului materialului cool. Există șapte efecte diferite în acest efect special. În fiecare efect, un grup de butoane din meniul principal poate fi deschis făcând clic pe butonul meniului principal. Efectele de animație ale diferitelor submeniuri de deschidere sunt diferite. Primul efect este că atunci când faceți clic pe butonul meniului principal, butonul meniului principal se va deplasa spre stânga, iar butonul meniului principal va apărea la rândul său, cu butonul meniului principal în mișcare. Al doilea efect este că, după ce faceți clic pe butonul meniului principal, va apărea un strat de mască circulară, iar cele patru butoane ale submeniului vor apărea în pozițiile de sus, jos, stânga și dreapta ale stratului de mască circulară. Al treilea efect este că, după ce faceți clic pe butonul meniului principal, butonul submeniu va apărea deasupra butonului meniului principal de jos în sus. Al patrulea efect este că după ce faceți clic pe butonul meniului principal, butonul submeniu va aluneca pe ambele părți ale butonului meniului principal. Al cincilea efect este că, după ce faceți clic pe butonul meniului principal, butonul submeniu va apărea din poziția butonului meniului principal și va apărea pe rând. Al șaselea efect este că după ce faceți clic pe butonul meniului principal, butoanele submeniului apar pe ambele părți ale butonului meniului principal și apoi se rotesc cu 360 de grade în jurul butonului meniului principal. Al șaptelea efect este să faceți clic pe butonul meniului principal, patru butoane submeniu apar pe rând, în jurul butonului meniului principal