Im vorherigen Artikel wurde vorgestellt, wie Vue das Zuschneiden, Vergrößern, Verkleinern und Drehen von Bildern realisieren kann. Heute werde ich vorstellen, wie Vue.js die Funktion des Anklickens von Symbolen zum Vergrößern und Verkleinern realisieren kann. Der spezifische Code lautet wie folgt: @-webkit-keyframes pulse1 { aus { -webkit-transform: scale3d(1,05, 1,05, 1,05); transformieren: scale3d(1,05, 1,05, 1,05); } Zu { -webkit-transform: scale3d(1, 1, 1); transformieren: scale3d(1, 1, 1); } /* Zu { -webkit-transform: scale3d(1, 1, 1); transformieren: scale3d(1, 1, 1); } */ } @keyframes pulse1 { aus { -webkit-transform: scale3d(1,05, 1,05, 1,05); transformieren: scale3d(1,05, 1,05, 1,05); } Zu { -webkit-transform: scale3d(1, 1, 1); transformieren: scale3d(1, 1, 1); } /* Zu { -webkit-transform: scale3d(1, 1, 1); transformieren: scale3d(1, 1, 1); } */ } .puls1 { -webkit-animation-name: pulse1; Animationsname: Puls1; } @-webkit-keyframes Puls { aus { -webkit-transform: scale3d(1, 1, 1); transformieren: scale3d(1, 1, 1); } Zu { -webkit-transform: scale3d(1,05, 1,05, 1,05); transformieren: scale3d(1,05, 1,05, 1,05); } /* Zu { -webkit-transform: scale3d(1, 1, 1); transformieren: scale3d(1, 1, 1); } */ } @keyframes Puls { aus { -webkit-transform: scale3d(1, 1, 1); transformieren: scale3d(1, 1, 1); } Zu { -webkit-transform: scale3d(1,05, 1,05, 1,05); transformieren: scale3d(1,05, 1,05, 1,05); } /* Zu { -webkit-transform: scale3d(1, 1, 1); transformieren: scale3d(1, 1, 1); } */ } .puls { -webkit-animation-name: Puls; Animationsname: Puls; } .animieren1 { -Webkit-Animationsdauer: 1 s; Animationsdauer: 1 s; -webkit-animation-fill-mode: beides; Animationsfüllmodus: beides; } Dies ist das Ende dieses Artikels über den Code von vue.js zum Implementieren des Vergrößerns und Verkleinerns beim Klicken auf ein Symbol. Weitere relevante Inhalte zum Code von vue zum Implementieren des Vergrößerns und Verkleinerns beim Klicken auf ein Symbol finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen! Das könnte Sie auch interessieren:
|
<<: Ausführliches Tutorial zur Installation von mysql 5.6.23 winx64.zip
>>: Grafisches Tutorial zur Installation der 64-Bit-Desktopversion von Centos 7
1. Horizontale Mitte Öffentlicher Code: html: <...
Verwenden Sie natives JS, um ein neuneckiges Rast...
Für meine Arbeit habe ich im Internet viele Infor...
Inhaltsverzeichnis Herunterladen und Installieren...
9 großartige JavaScript-Framework-Skripte zum Zei...
1. Der Unterschied zwischen TEXT und BLOB Der ein...
Vorwort In der Vergangenheit habe ich die Python-...
Als ich kürzlich jQuery lernte, stieß ich auf die...
Inhaltsverzeichnis 1. Einfache SELECT-Anweisung 1...
Inhaltsverzeichnis Versteckte Probleme Lösung zur...
Inhaltsverzeichnis App.vue sub1.vue sub2.vue Zusa...
Sie haben sicher schon einmal die Webseiten andere...
Theoretisch entspricht der von MySQL verwendete S...
Detaillierte Beschreibung der Eigenschaften Der Z...
1. Einleitung Gilt es als Aufwärmen alter Themen,...