風(fēng)光錦繡

寒冬殘荷

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

點(diǎn)贊！但沒有樓主的那個(gè)效果，好像只有漸變和左右移動(dòng)，樓主的還有由遠(yuǎn)及近、圖的說(shuō)明文字同步等等效果。

195400

寒冬殘荷 發(fā)表于 2021-8-19 11:55
點(diǎn)贊！但沒有樓主的那個(gè)效果，好像只有漸變和左右移動(dòng)，樓主的還有由遠(yuǎn)及近、圖的說(shuō)明文字同步等等效果。

我只是簡(jiǎn)單模仿一下第一幅畫的情況（樓主帖第一幅畫向左移動(dòng)），全部模仿就是個(gè)大帖子了。
由遠(yuǎn)及近是畫面放大，由近推遠(yuǎn)是縮小，文字的隱現(xiàn)是透明度的變化…………
我也不懂SVG，模仿過(guò)樓主的一個(gè)類似帖子，費(fèi)了老大的勁
樓主帖江南風(fēng)情
模仿貼：江南風(fēng)情 http://www.keai99.com/forum.php?mod=viewthread&tid=498283&highlight=%BD%AD%C4%CF%B7%E7%C7%E9

寒冬殘荷

195400

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

小號(hào)的呀，其實(shí)代碼用不著那么復(fù)雜

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

復(fù)制代碼

西椅子胡同

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

暢談交流相得益彰，活躍論壇增長(zhǎng)知識(shí)，謝謝195400、寒冬殘荷二位老師！ 用上transform:scale()這個(gè)CSS樣式，畫面縮小了，有利于在電腦上觀看完整畫面。

195400

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

svg動(dòng)畫蠻神奇的，代碼也比較好理解，如果能解決循環(huán)播放就完美了。

寒冬殘荷

195400 發(fā)表于 2021-8-19 15:19
小號(hào)的呀，其實(shí)代碼用不著那么復(fù)雜

老師就是老師！喜歡這個(gè)論壇，是因?yàn)橛欣蠋熌�這樣的回帖——暢談交流、指點(diǎn)開導(dǎo)，而不是只有簡(jiǎn)單的“欣賞”！

寒冬殘荷

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

等待你用svg標(biāo)簽制作一個(gè)作品哦！

寒冬殘荷

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

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

195400

寒冬殘荷 發(fā)表于 2021-8-19 20:27 等待你用svg標(biāo)簽制作一個(gè)作品哦！

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