美文网首页AngularJS开发WebAppAngular.js专场
基于AngularJS和css3动画写的浮动效果

基于AngularJS和css3动画写的浮动效果

作者: 灬弑念 | 来源:发表于2016-11-08 16:03 被阅读76次

    引用了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