中畫網

標題: 秋意濃 [打印本頁]

作者: 195400 時間: 2022-9-12 16:46
標題: 秋意濃

作者: 綠地水池 時間: 2022-9-12 19:00
欣賞佳作，為你點贊。

作者: 195400 時間: 2022-9-12 21:46

綠地水池發表于 2022-9-12 19:00
欣賞佳作，為你點贊。

作者: 藍魔 時間: 2022-9-12 23:15
欣賞一下，謝謝。

作者: 195400 時間: 2022-9-13 06:10

藍魔發表于 2022-9-12 23:15
欣賞一下，謝謝。

作者: 寒冬殘荷 時間: 2022-9-13 17:29
欣賞學習老師新作品！

作者: 195400 時間: 2022-9-13 18:46

寒冬殘荷發表于 2022-9-13 17:29
欣賞學習老師新作品！

另一個類似的CSS動畫庫。

作者: 綠地水池 時間: 2022-9-13 20:11

195400 發表于 2022-9-12 21:46

195400朋友晚上好。

作者: 195400 時間: 2022-9-13 20:43

綠地水池發表于 2022-9-13 20:11
195400朋友晚上好。

[attach]189775[/attach]

作者: 紅楓 時間: 2022-9-13 21:49
欣賞，學習，收藏了！

作者: 寒冬殘荷 時間: 2022-9-13 21:56

195400 發表于 2022-9-13 18:46
另一個類似的CSS動畫庫。

是4.1.1版，我用過了呀。

作者: 寒冬殘荷 時間: 2022-9-13 21:57

作者: 寒冬殘荷 時間: 2022-9-13 22:01
音畫我還是喜歡畫面寬大的。

作者: 寒冬殘荷 時間: 2022-9-13 22:06

195400 發表于 2022-9-13 18:46
另一個類似的CSS動畫庫。

動畫透明度太大，感覺太透明了，動畫圖看不清，我改為0.9，并給圖片加了兩個濾鏡。我喜歡這樣的。

作者: 寒冬殘荷 時間: 2022-9-13 22:11

195400 發表于 2022-9-13 18:46
另一個類似的CSS動畫庫。

老師，背景圖的切換若用CSS的動畫效果和您現用SVG能一樣嗎？

作者: 寒冬殘荷 時間: 2022-9-13 22:59
在電腦上看一屏看不完，在手機上看就可以。在手機上看真的是“秋意濃”！

作者: 195400 時間: 2022-9-14 03:50

紅楓發表于 2022-9-13 21:49
欣賞，學習，收藏了！

作者: 195400 時間: 2022-9-14 03:52

寒冬殘荷發表于 2022-9-13 21:56
是4.1.1版，我用過了呀。

是vivify.css 不是 animate.css，另一個類似的動畫庫，用法基本相同只是持續時間控制要靈活些。

作者: 195400 時間: 2022-9-14 04:13

寒冬殘荷發表于 2022-9-13 22:01
音畫我還是喜歡畫面寬大的。

vw是相對屏幕的寬度，底圖的比例大約是45:70 ，加大后一屏顯示不完整需要拖動屏幕觀看。

作者: 195400 時間: 2022-9-14 04:22

寒冬殘荷發表于 2022-9-13 22:06
動畫透明度太大，感覺太透明了，動畫圖看不清，我改為0.9，并給圖片加了兩個濾鏡。我喜歡這樣的。

圖片透明是不希望遮擋底圖。
我不了解圖片濾鏡的作用，同時加大亮度和飽和度似乎意義不大,一個變亮另一個顏色加深，效果相互抵消。

作者: 195400 時間: 2022-9-14 04:29

寒冬殘荷發表于 2022-9-13 22:11 老師，背景圖的切換若用CSS的動畫效果和您現用SVG能一樣嗎？

svg圖片切換可以做到部分重疊，用CSS+js可能比較復雜，最關鍵的是我也不會

下面的背景切換沒用svg

作者: 195400 時間: 2022-9-14 04:33

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

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

作者: 非常開心 時間: 2022-9-14 06:53
欣賞樓主的新作，點贊多謝分享！

作者: 195400 時間: 2022-9-14 08:32

非常開心發表于 2022-9-14 06:53
欣賞樓主的新作，點贊多謝分享！

作者: 寒冬殘荷 時間: 2022-9-14 09:18

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

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

作者: 195400 時間: 2022-9-14 10:13

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

svg就是載入慢

作者: 寒冬殘荷 時間: 2022-9-14 13:53

作者: 寒冬殘荷 時間: 2022-9-14 13:57
vivify.css的68個動畫都試了后感覺和Animate.css差不多，稍有區別是vivify.css多了淡進淡出。個人覺得兩個動畫庫動畫的幅度都太小！

作者: 綠地水池 時間: 2022-9-14 16:07

195400 發表于 2022-9-13 20:43

195400朋友下午好。

作者: 195400 時間: 2022-9-14 16:38

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

[attach]189783[/attach]

作者: 195400 時間: 2022-9-14 16:43

寒冬殘荷發表于 2022-9-14 13:57
vivify.css的68個動畫都試了后感覺和Animate.css差不多，稍有區別是vivify.css多了淡進淡出。個人覺得兩個 ...

幅度太小是什么意思？

試試https://animista.net/，各種可定制的css動畫

作者: 寒冬殘荷 時間: 2022-9-14 20:09

195400 發表于 2022-9-14 16:43
幅度太小是什么意思？

試試https://animista.net/，各種可定制的css動畫

動畫運動的幅度呀。

不知如何表達，意思就是說這兩個動畫庫的動畫都是小動作。

作者: 195400 時間: 2022-9-14 21:22

寒冬殘荷發表于 2022-9-14 20:09
動畫運動的幅度呀。不知如何表達，意思就是說這兩個動畫庫的動畫都是小動作。

那就只有選擇感興趣的動畫自己修改有關參數了

作者: 綠地水池 時間: 2022-9-21 19:41

195400 發表于 2022-9-14 16:38

195400朋友晚上好。

作者: 195400 時間: 2022-9-21 19:49

綠地水池發表于 2022-9-21 19:41
195400朋友晚上好。

[attach]189819[/attach]

作者: 綠地水池 時間: 2022-9-21 21:31

195400 發表于 2022-9-21 19:49

問好195400朋友。

作者: 195400 時間: 2022-9-21 21:34

綠地水池發表于 2022-9-21 21:31
問好195400朋友。

[attach]189820[/attach]

作者: 綠地水池 時間: 2022-10-19 21:02

195400 發表于 2022-9-21 21:34

195400朋友晚上好。

作者: 195400 時間: 2022-10-20 11:37

綠地水池發表于 2022-10-19 21:02
195400朋友晚上好。

[attach]189944[/attach]

作者: 綠地水池 時間: 2022-10-26 12:00

195400 發表于 2022-10-20 11:37

195400朋友中午好。

作者: 195400 時間: 2022-10-29 15:09

綠地水池發表于 2022-10-26 12:00
195400朋友中午好。

[attach]189999[/attach]

作者: 綠地水池 時間: 2022-11-2 15:36

195400 發表于 2022-10-29 15:09

問好195400朋友。

作者: 195400 時間: 2022-11-2 19:32

綠地水池發表于 2022-11-2 15:36
問好195400朋友。

作者: 綠地水池 時間: 2022-11-4 14:19

195400 發表于 2022-11-2 19:32

195400朋友下午好。

作者: 195400 時間: 2022-11-7 16:50

綠地水池發表于 2022-11-4 14:19
195400朋友下午好。

[attach]190441[/attach]

作者: 綠地水池 時間: 2022-11-7 19:19

195400 發表于 2022-11-7 16:50

195400朋友晚上好。

作者: 午老虎 時間: 2022-12-5 17:37
欣賞了謝謝

歡迎光臨中畫網 (http://www.nujv.cn/)