中畫網

標題: 風光錦繡 [打印本頁]

作者: 西椅子胡同 時間: 2021-8-18 15:49
標題: 風光錦繡
自2022年起，因圖片音樂鏈接中斷致使音畫不顯圖。下面是用電腦本地文件轉換的視頻：

作者: 195400 時間: 2021-8-18 18:28

作者: 寒冬殘荷 時間: 2021-8-18 23:28
太神奇了！欣賞，點贊！高手呀！幾個元素我見都沒見過。

作者: 寒冬殘荷 時間: 2021-8-18 23:30
這才是真正的html代碼動畫！我開始以為是攝影呢！

作者: 195400 時間: 2021-8-19 06:10

作者: 西椅子胡同 時間: 2021-8-19 06:59

195400 發表于 2021-8-18 18:28

謝謝您鼓勵和幫助！看您的每個帖子每個回復都能開拓思路學到新的知識，謝謝您！

作者: 195400 時間: 2021-8-19 07:36

作者: 西椅子胡同 時間: 2021-8-19 07:42

寒冬殘荷發表于 2021-8-18 23:28
太神奇了！欣賞，點贊！高手呀！幾個元素我見都沒見過。

問您好！這個音畫是用SVG代碼組織的，我也是剛接觸SVG不久。自己試著在音畫中用它的幾個標簽編寫代碼組織圖片，覺得能夠在一定程度上達到以前Time+html代碼的效果，但這種代碼音畫不能在兼容模式觀看，且字符量較大，不如CSS和JavaSpript簡捷。

作者: 西椅子胡同 時間: 2021-8-19 07:55
謝謝195400、寒冬殘荷二位老師！早上好！
[attach]182952[/attach]

作者: 寒冬殘荷 時間: 2021-8-19 10:25

作者: 寒冬殘荷 時間: 2021-8-19 11:55

195400 發表于 2021-8-19 06:10
#outblk {
width:800px;height:1000px;overflow:hidden;position:relative;border:thick grey solid; ...

點贊！但沒有樓主的那個效果，好像只有漸變和左右移動，樓主的還有由遠及近、圖的說明文字同步等等效果。

作者: 195400 時間: 2021-8-19 14:00

寒冬殘荷發表于 2021-8-19 11:55
點贊！但沒有樓主的那個效果，好像只有漸變和左右移動，樓主的還有由遠及近、圖的說明文字同步等等效果。

我只是簡單模仿一下第一幅畫的情況（樓主帖第一幅畫向左移動），全部模仿就是個大帖子了。
由遠及近是畫面放大，由近推遠是縮小，文字的隱現是透明度的變化…………
我也不懂SVG，模仿過樓主的一個類似帖子，費了老大的勁

樓主帖江南風情
模仿貼：江南風情 http://www.keai99.com/forum.php?mod=viewthread&tid=498283&highlight=%BD%AD%C4%CF%B7%E7%C7%E9

作者: 寒冬殘荷 時間: 2021-8-19 14:42

作者: 195400 時間: 2021-8-19 15:19

寒冬殘荷發表于 2021-8-19 14:42
.iframe-body-sty{position : relative; overflow : hidden;height : 625px; width : 392px; backgroun ...

小號的呀

，其實代碼用不著那么復雜

<iframe src="http://pan.yinhuabbs.cn/view.php/48bd19a556b068aa03c08122e52f9044.html" frameborder='0' scrolling='no'
style="width:1000px;height:1600px;transform:scale(0.4);margin:-450px auto;">

復制代碼

作者: 西椅子胡同 時間: 2021-8-19 15:31

寒冬殘荷發表于 2021-8-19 14:42 .iframe-body-sty{position : relative; overflow : hidden;height : 625px; width : 392px; backgroun ...

暢談交流相得益彰，活躍論壇增長知識，謝謝195400、寒冬殘荷二位老師！

用上transform:scale()這個CSS樣式，畫面縮小了，有利于在電腦上觀看完整畫面。

作者: 195400 時間: 2021-8-19 15:35

西椅子胡同發表于 2021-8-19 15:31
暢談交流相得益彰，活躍論壇增長知識，謝謝195400、寒冬殘荷二位老師！{: ...

svg動畫蠻神奇的，代碼也比較好理解，如果能解決循環播放就完美了。

作者: 寒冬殘荷 時間: 2021-8-19 20:25

195400 發表于 2021-8-19 15:19
小號的呀，其實代碼用不著那么復雜

老師就是老師！喜歡這個論壇，是因為有老師您這樣的回帖——暢談交流、指點開導，而不是只有簡單的“欣賞”！

作者: 寒冬殘荷 時間: 2021-8-19 20:27

195400 發表于 2021-8-19 15:35
svg動畫蠻神奇的，代碼也比較好理解，如果能解決循環播放就完美了。

等待你用svg標簽制作一個作品哦！

作者: 寒冬殘荷 時間: 2021-8-19 20:29

西椅子胡同發表于 2021-8-19 15:31
暢談交流相得益彰，活躍論壇增長知識，謝謝195400、寒冬殘荷二位老師！{: ...

晚上好！非常感謝你！看了您的這個作品，我又學到了新東西。

作者: 195400 時間: 2021-8-19 22:22

寒冬殘荷發表于 2021-8-19 20:27 等待你用svg標簽制作一個作品哦！

我是“眼高手低”的一類人

作者: 西椅子胡同 時間: 2022-2-20 08:54
圖片不能外鏈了

作者: 195400 時間: 2022-2-23 19:56

西椅子胡同發表于 2022-2-20 08:54 圖片不能外鏈了

這么好的帖子怎么能讓它消失咧
如果音樂沒播放，移動鼠標到畫面右上角點擊啟動。

作者: 張紅 時間: 2022-2-23 20:02
問好朋友
欣賞你的精彩

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