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
Wie wir alle wissen, gibt es in Computern zwei Art...
1. Blockebenenelement: bezieht sich auf die Fähigk...
SQLyog stellt eine Verbindung zu MySQL her, Fehle...
Front-End-Projektpaketierung Suchen Sie .env.prod...
Vorwort Wenn Bildlaufereignisse wie Scrollen und ...
Mithilfe von Nginx-Protokollen lassen sich Benutz...
Inhaltsverzeichnis 1. Übersicht 1.1 Erstellen ein...
Einführung Wenn wir die MySQL-Datenbank verwenden...
In diesem Artikel wird der spezifische Code von j...
Was ist der Unterschied zwischen der grünen Versi...
1. Daten fließen von QT zu JS 1. QT ruft die JS-F...
Vorwort Sehen wir uns zunächst an, wie eine TCP-V...
Ein Kollege meldete, dass eine MySQL-Instanz aufg...
Effektbild (wenn Sie ein Dreieck wünschen, klicke...
1. docker ps -a zeigt den laufenden Image-Prozess...