向荣 发表于 2025-3-31 20:14

【向荣音画】清明

<div style="background: none; left: 0px; width: 100%; margin-top: 150px; position: absolute; z-index: 32768;"><center><iframe width="1920" height="2000" src="http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/qingming20250327.htm" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></center></div><div style="height: 2000px;"></div><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><p></p><div

爆汁莓驴 发表于 2025-4-1 02:30

flash动效的确好！像主贴使用的水珠挂壁流淌，视频动效就没有这样的效果<br>
如今找个透明水珠图片很不容易！下面不是透明的。过去FLASH水珠，慢慢渗出变大，然后挂壁落下，鼠标动一下水珠也会掉下，这样的效果有交互性，现在的视频挂珠无法替代且没有交互。
<div style="position: relative;width: 100%;height: 0;padding-top: 56.25%;overflow: hidden;box-shadow: 3px 3px 8px #999;">
<iframe style="position: absolute;width: 100%;height: 100%;left: 0;top: 0;transform: scale(1.02);" frameborder="0" scrolling="no" allowfullscreen="true" allowtransparency="true" src="http://pan.yinhuabbs.cn/uploads/bzml/lbkkzy.html?p=&img=https://img95.699pic.com/xsj/37/b2/dv.jpg!/fw/700/watermark/url/L3hzai93YXRlcl9kZXRhaWwyLnBuZw/align/southeast&sps=0300fg10000co618b3c77u1hjp8k3a0,1e00fgi0000cvkj03nog65tid79b0k0,0d00fg10000c935o8bc77uaj18k3eig,0200fg10000cgluiqbc77udhlt8prpg"></iframe>
</div><br>
水珠挂壁流淌是我玩动画时最常用的动效，后来几次翻遍html5特效，没有。。。<br>
按理CSS动效可以有，只是我没有发现。




爆汁莓驴 发表于 2025-4-1 03:06

想试试视频水珠效果，结果发现也是拼图:lol
<div id="cc" style="position: relative;width: 100%;height: 0;padding-top: 56.25%;overflow:hidden;box-shadow: 3px 3px 8px #999;background-color:mediumturquoise;" onclick="if(cc.style.transform<='scale(1.0)'){cc.style.transform='scale(1.5)'}else{cc.style.transform='scale(1.0)'};cc.style.transition='transform 1s ease-in-out'">
<iframe id="frm" style="position: absolute;width: 100%;height: 100%;left: 0;top: 0;transform:scale(1.14)"oncontextmenu="return false"frameborder="0" scrolling="no" allowfullscreen="true" allowtransparency="true" src="http://pan.yinhuabbs.cn/uploads/bzml//FQX/pt.html?k=0.66&url=https://video.699pic.com/videos/70/98/45/b_ktih9Na2nBxq1540709845_10s.mp4&n1=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_01.png&n2=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_02.png&n3=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_03.png&n4=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_04.png&n5=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_01.png&n6=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_02.png"></iframe>
</div>
原贴用了几个FLASH动效，用视频特效看看效果
<p align="center"><input type="button" value="桃花" onclick="frm.src='http://pan.yinhuabbs.cn/uploads/bzml/FQX/pt.html?k=0.66&url=https://video.699pic.com/videos/22/45/34/b_hSvbWYcuQBj41583224534_10s.mp4&n1=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_01.png&n2=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_02.png&n3=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_03.png&n4=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_04.png&n5=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_01.png&n6=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_02.png'"> <input type="button" value="白色" onclick="frm.src='http://pan.yinhuabbs.cn/uploads/bzml/FQX/pt.html?k=0.66&url=https://video.699pic.com/videos/ing1/ING_VID_2172611_10s.mp4&n1=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_01.png&n2=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_02.png&n3=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_03.png&n4=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_04.png&n5=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_01.png&n6=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_02.png'"> <input type="button" value="蝴蝶" onclick="frm.src='http://pan.yinhuabbs.cn/uploads/bzml/FQX/pt.html?k=0.66&url=https://video.699pic.com/videos/97/60/89/b_DceSsXiqMItb1551976089_10s.mp4&n1=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_01.png&n2=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_02.png&n3=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_03.png&n4=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_04.png&n5=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_01.png&n6=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_02.png'"> <input type="button" value="水珠" onclick="frm.src='http://pan.yinhuabbs.cn/uploads/bzml/FQX/pt.html?k=0.66&url=https://video.699pic.com/videos/71/08/98/b_a8VCuqA8kKzG1540710898_10s.mp4&n1=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_01.png&n2=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_02.png&n3=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_03.png&n4=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_04.png&n5=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_01.png&n6=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_02.png'"> <input type="button" value="飞鸟" onclick="frm.src='http://pan.yinhuabbs.cn/uploads/bzml/FQX/pt.html?k=0.66&url=https://video.699pic.com/videos/29/66/48/b_aUYHd6gYfxNw1569296648_10s.mp4&n1=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_01.png&n2=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_02.png&n3=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_03.png&n4=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_04.png&n5=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_01.png&n6=http://pan.yinhuabbs.cn/uploads/%E5%90%91%E8%8D%A3/%E4%BC%A0%E5%A5%87_02.png'"></p>

诺北 发表于 2025-4-1 10:49

有点类似水墨效果啊

么念 发表于 2025-4-1 14:43

欣赏学习，祝安！

向荣 发表于 2025-4-1 21:36

爆汁莓驴 发表于 2025-4-1 03:06
想试试视频水珠效果，结果发现也是拼图




老师英明，好看
页: [1]
查看完整版本: 【向荣音画】清明