javascript - Rotation des images du lecteur de musique
巴扎黑2017-06-26 10:54:45
0
5
1216
Semblable à NetEase Cloud Music et QQ Music, l'idée de faire pivoter l'image du milieu est d'utiliser js animate pour la contrôler, ou d'écrire une animation CSS3.
Dans le mode MVC ou MVVM utilisé dans les projets généraux, la vue doit être strictement réalisée en utilisant HTML+CSS. Le code js ne doit traiter que la logique et ne pas interférer avec la vue
Cette animation est relativement simple et directe à utilisertransform: rotate();! Pour quelque chose d'un peu plus compliqué, utilisez js ou animate pour l'exécuter en plusieurs étapes !
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
CSS3 ah
Indépendamment de la compatibilité, utilisez simplement la transformation de CSS 3 : rotate();
Dans le mode MVC ou MVVM utilisé dans les projets généraux, la vue doit être strictement réalisée en utilisant HTML+CSS. Le code js ne doit traiter que la logique et ne pas interférer avec la vue
.Cette animation est relativement simple et directe à utiliser
transform: rotate();! Pour quelque chose d'un peu plus compliqué, utilisez js ou animate pour l'exécuter en plusieurs étapes !css,
-webkit-animation-play-state