在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/動漫  HTML/ vuejs中:style動態(tài)綁定的background-img 如何增加切換動畫

vuejs中:style動態(tài)綁定的background-img 如何增加切換動畫?

我用的settimeout實現(xiàn)的定時切換div的背景圖片

<div class="blur1x" :style="{backgroundImage: 'url(' + currentImg[currentImgIndex - 1] + ')'}"

我想在切換時增加過渡動畫。 求大佬指點。

回答
編輯回答
何蘇葉

可以用v-show+vue過渡動畫,這樣就可以實現(xiàn)

2018年2月1日 00:56
編輯回答
蔚藍色

建議使用background-position來控制,這樣就可以使用background實現(xiàn)動態(tài)切換了

2018年7月8日 02:50
編輯回答
大濕胸

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

2018年7月30日 11:48
編輯回答
撿肥皂

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

看題主的意思是想實現(xiàn)類似于淡入淡出漸變的效果,那么就需要改變dom結(jié)構(gòu),有多少張圖就用多少個div,用絕對定位定在一起,然后通過z-indexopacity來實現(xiàn)動畫效果

2018年4月6日 03:42