已解決430363個問題，去搜搜看，總會有你想問的

vuejs中:style動態綁定的background-img 如何增加切換動畫？

首頁猿問 ...

JavaScript

搖曳的薔薇 2018-07-23 21:40:17

我用的settimeout實現的定時切換div的背景圖片<div class="blur1x" :style="{backgroundImage: 'url(' + currentImg[currentImgIndex - 1] + ')'}"我想在切換時增加過渡動畫。求大佬指點。

查看完整描述

2 回答

縹緲止盈

TA貢獻2041條經驗獲得超4個贊

首先，背景圖替換是不支持css3動畫的

看題主的意思是想實現類似于淡入淡出漸變的效果，那么就需要改變dom結構，有多少張圖就用多少個div，用絕對定位定在一起，然后通過z-index和opacity來實現動畫效果

反對回復 2018-07-29

慕沐林林

TA貢獻2016條經驗獲得超9個贊

建議用ui框架的Swipe組件可以直接實現你的目的，如果沒有用ui框架的話，輪播圖的寫法很多

反對回復 2018-07-29

關注

舉報

0/150

提交

取消