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
Parameter im Zusammenhang mit dem langsamen Abfra...
Beim Erstellen einiger Seiten müssen wir häufig H...
Lassen Sie uns keine weitere Zeit verschwenden un...
Nginx-Protokollbeschreibung Über Zugriffsprotokol...
Geben Sie der Zeit Zeit und lassen Sie die Vergan...
Inhaltsverzeichnis 1. Gemeinsam genutzte und exkl...
In diesem Artikelbeispiel wird der spezifische Co...
Excel ist das am häufigsten verwendete Tool zur D...
Inhaltsverzeichnis Vorwort 1. Aktuelle Uhrzeit er...
Inhaltsverzeichnis 1. Einführung in das Docker-Ma...
In diesem Artikel wird der spezifische JavaScript...
1. Hintergrund Ich habe vor Kurzem eine Website n...
Doctype ist einer davon: <!DOCTYPE HTML PUBLIC ...
1. Einleitung Der Befehl Telnet dient zur Anmeldu...
Das Flex-Layout ist zweifellos einfach und leicht...