使用vue.js怎么实现一个点击图标放大功能
使用vue.js怎么实现一个点击图标放大功能?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
具体代码如下所示:
@-webkit-keyframes pulse1 { from { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } */ } @keyframes pulse1 { from { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } */ } .pulse1 { -webkit-animation-name: pulse1; animation-name: pulse1; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } to { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } /* to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } */ } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } to { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } /* to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } */ } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } .animate1 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
关于使用vue.js怎么实现一个点击图标放大功能问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注行业资讯频道了解更多相关知识。