引用了Foundation框架进行布局，因此在<head>中引入foundation的css样式（可以找cdn直接引入），再引入angularJS的js文件。
正文
使用ng-repeat循环添加图片
添加CSS样式：
通过ng-mouseenter和ng-mouseleave来切换图片的动画的效果， ng-class里面放入两种浮动的动画效果， animation-fill-mode：forwards；让动画停在我想让它停留的最后一帧。
引用了Foundation框架进行布局，因此在<head>中引入foundation的css样式（可以找cdn直接引入），再引入angularJS的js文件。
使用ng-repeat循环添加图片
添加CSS样式：
通过ng-mouseenter和ng-mouseleave来切换图片的动画的效果， ng-class里面放入两种浮动的动画效果， animation-fill-mode：forwards；让动画停在我想让它停留的最后一帧。
本文标题：基于AngularJS和css3动画写的浮动效果
本文链接：https://www.haomeiwen.com/subject/rkgauttx.html
网友评论