秋意濃

195400

寒冬殘荷 發(fā)表于 2022-9-13 22:11 老師，背景圖的切換若用CSS的動(dòng)畫(huà)效果和您現(xiàn)用SVG能一樣嗎？

svg圖片切換可以做到部分重疊，用CSS+js可能比較復(fù)雜，最關(guān)鍵的是我也不會(huì) 下面的背景切換沒(méi)用svg

195400

寒冬殘荷 發(fā)表于 2022-9-13 22:59
在電腦上看一屏看不完，在手機(jī)上看就可以。在手機(jī)上看真的是“秋意濃”！

手機(jī)和電腦是不同的效果，原來(lái)也只是想在電腦的不同分辨率屏幕上效果基本相同。

非常開(kāi)心

欣賞樓主的新作，點(diǎn)贊多謝分享！

195400

非常開(kāi)心 發(fā)表于 2022-9-14 06:53
欣賞樓主的新作，點(diǎn)贊多謝分享！

寒冬殘荷

195400 發(fā)表于 2022-9-14 04:29
svg圖片切換可以做到部分重疊，用CSS+js可能比較復(fù)雜，最關(guān)鍵的是我也不會(huì)  
下面的背景切換沒(méi)用svg
...

老師，早上好！還是用SVG切換背景圖較自然，能淡入淡出，CSS動(dòng)畫(huà)切換突然切換不自然。#outf也用opacity的話，#aniImg受影響。

195400

寒冬殘荷 發(fā)表于 2022-9-14 09:18
老師，早上好！還是用SVG切換背景圖較自然，能淡入淡出，CSS動(dòng)畫(huà)切換突然切換不自然。#outf也用opacity的 ...

svg就是載入慢

寒冬殘荷

寒冬殘荷

vivify.css的68個(gè)動(dòng)畫(huà)都試了后感覺(jué)和Animate.css差不多，稍有區(qū)別是vivify.css多了淡進(jìn)淡出。個(gè)人覺(jué)得兩個(gè)動(dòng)畫(huà)庫(kù)動(dòng)畫(huà)的幅度都太小！

綠地水池

195400 發(fā)表于 2022-9-13 20:43

195400朋友下午好。

195400

綠地水池 發(fā)表于 2022-9-14 16:07
195400朋友下午好。