【影.印记】风光摄影《宁波三江口风光》
宁波三江口风光<br>摄影素材/网络 动图制作/傲雷影儿
<style>
#papa { margin: 50px -450px; width: 1600px; height: 900px; background: gray url('https://www.junzhuan.com/data/attachment/album/202511/26/104106qyc4oo0y0tmtymof.jpg') center/cover no-repeat; box-shadow:3px 3px 20px #000; position: relative; z-index: 1; --state: running; overflow:hidden;}
#vid { position: absolute; width: 100%; height: 100%; top: -30px; object-fit: cover; opacity: 1;auto;filter:contrast(120%);transform: scale(1.1, 1.1) }
#photo img {
width: 100%;
height: 100%;
position: absolute;
border: 0px solid #000000;
top: 0px;
left: 0px;
filter: contrast(150%)brightness(100%);
-webkit-mask-image:radial-gradient(black 30%,transparent 70%);
opacity: 0;
animation-name: round;
animation-duration: 48s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes round {
0% { opacity: 0; transform:translate(0%,0%)scale(0);}
5% { opacity: 1; transform:translate(0%,0%)scale(0);}
14% { opacity: 1; transform:translate(0%,0%)scale(1);}
16% { opacity: 1; transform:translate(0%,0%)scale(1);}
24% { opacity: 0; transform:translate(100%,0%)scale(1);}
}
#photo img:nth-child(8) { animation-delay: 42s; }
#photo img:nth-child(7) { animation-delay: 36s; }
#photo img:nth-child(6) { animation-delay: 30s; }
#photo img:nth-child(5) { animation-delay: 24s; }
#photo img:nth-child(4) { animation-delay: 18s; }
#photo img:nth-child(3) { animation-delay: 12s; }
#photo img:nth-child(2) { animation-delay: 6s; }
#photo img:nth-child(1) { animation-delay: 0s; }
#lrc { --motion: cover2; --tt: 1s; position: absolute; left: 45%;top:85%; transform: translate(-50%, 10px);font:normal 2.8em 华文隶书; color:#0000;filter: drop-shadow( 2px 2px 0px #000000); z-index: 2; }
#lrc::before { position: absolute; content: attr(data-lrc); width: 100%; height: 100%; color: transparent; overflow: hidden; white-space: pre;background:#ff0000 ; filter: drop-shadow( 0px 0px 1px #ffffff)drop-shadow( 0px 0px 1px #ffffff)drop-shadow( 0px 0px 1px #ffffff)drop-shadow( 0px 0px 1px #ffffff); -webkit-background-clip: text; animation: var(--motion) var(--tt) linear forwards; animation-play-state: var(--state); }
#mplayer { position: absolute; width: 300px; height: 300px;left:90%; z-index: 120;top:80%; mix-blend-mode:exclusion; transform:perspective(0px) rotateY(0deg)rotateX(0deg)scale(1.0); }
#an{position: absolute; top:0%; left:0%; width: 100%; height:100%; z-index: 120; }
@keyframes cover1{ 0% { width: 100%;transform: rotateY(-180deg)rotatex(0deg);filter: hue-rotate(180deg)brightness(850%)drop-shadow(0 0 10px #fff000)}
20% { transform:rotateY(0deg) rotatex(0deg);filter: hue-rotate(360deg)brightness(350%)drop-shadow(0 0 8px #000080) }
100% { transform: rotateY(0deg)rotatex(0deg);filter: hue-rotate(0deg)brightness(950%)drop-shadow(0 0 16px #ffffff);width: 100%;}
}
@keyframes cover2 { 0% { width: 100%;transform: rotateY(-180deg)rotatex(0deg);filter: hue-rotate(180deg)brightness(850%)drop-shadow(0 0 10px #fff000)}
20% { transform:rotateY(0deg) rotatex(0deg);filter: hue-rotate(360deg)brightness(350%)drop-shadow(0 0 8px #000080) }
100% { transform: rotateY(0deg)rotatex(0deg);filter: hue-rotate(0deg)brightness(950%)drop-shadow(0 0 16px #ffffff);width: 100%;}
}
#fullscreen { position: absolute; top:5%; left:85%;color:#ffffff; filter:drop-shadow( 1px 1px 1px #000000);font: normal 2.0em 华文隶书; opacity: 1; cursor: pointer; z-index: 1660}
</style>
<div id="papa">
<span id="fullscreen"></span>
<video id="vid" src="https://img.tukuppt.com/video_show/15653652/00/29/96/5fa09f4e88257.mp4" muted="muted" autoplay="autoplay" loop="loop"></video>
<divid="photo">
<img class="photo" src="https://www.junzhuan.com/data/attachment/album/202511/26/104107ss4sneee83tsxumn.jpg" /> <img class="photo" src="https://www.junzhuan.com/data/attachment/album/202511/26/104107s5nhd8he8qqkigd5.jpg" /> <img class="photo" src="https://www.junzhuan.com/data/attachment/album/202511/26/104107xjhoefdfh2dhphgk.jpg" /> <img class="photo" src="https://www.junzhuan.com/data/attachment/album/202511/26/104107wzingbt38ugngk65.jpg" /> <img class="photo" src="https://www.junzhuan.com/data/attachment/album/202511/26/104107h0c3899c080tncbe.jpg" /> <img class="photo" src="https://www.junzhuan.com/data/attachment/album/202511/26/104106yywcwvp2cw7dn087.jpg" /> <img class="photo" src="https://www.junzhuan.com/data/attachment/album/202511/26/104106qyc4oo0y0tmtymof.jpg" /> <img class="photo" src="https://www.junzhuan.com/data/attachment/album/202511/26/104106ycy4b97449jkxybu.jpg" />
</div>
<div id="mydiv"></div>
<divid="img_border" ></div>
<div id="lrc" data-lrc="制作/傲雷影儿
">制作/傲雷影儿
</div>
<div id="mplayer">
</div>
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=393685" autoplay="" loop=""></audio>
https://www.junzhuan.com/data/attachment/album/202511/26/104107ss4sneee83tsxumn.jpg
https://www.junzhuan.com/data/attachment/album/202511/26/104107s5nhd8he8qqkigd5.jpg
https://www.junzhuan.com/data/attachment/album/202511/26/104107xjhoefdfh2dhphgk.jpg
https://www.junzhuan.com/data/attachment/album/202511/26/104107wzingbt38ugngk65.jpg
https://www.junzhuan.com/data/attachment/album/202511/26/104107wzingbt38ugngk65.jpg
https://www.junzhuan.com/data/attachment/album/202511/26/104107h0c3899c080tncbe.jpg
https://www.junzhuan.com/data/attachment/album/202511/26/104106qyc4oo0y0tmtymof.jpg
https://www.junzhuan.com/data/attachment/album/202511/26/104106ycy4b97449jkxybu.jpg
本来拍片片就好，再制作精美，自然加美不胜收啦{:4_204:} @梦江南 快来欣赏你的家乡，自豪一小下{:4_173:} 美丽的宁波风景。
欣赏影儿精美制作{:4_199:} 问好影儿，这个制作的真美，特别这个视频背景加的非常好{:4_178:} 背景图片的转换效果也是漂亮，整体效果特棒！{:4_199:}{:4_199:} 欣赏影儿好制作，小辣椒欣赏加学习{:4_171:} 樵歌 发表于 2025-11-26 20:27
@梦江南 快来欣赏你的家乡，自豪一小下
来了，宁波的三江口是宁波最美的地方，也是最有故事的地方。{:4_187:}
谢谢傲雷影儿带来精彩的拍摄及制作。轻轻问一声：影儿是宁波人吗？ 梦江南 发表于 2025-11-27 08:42
来了，宁波的三江口是宁波最美的地方，也是最有故事的地方。
谢谢傲雷影儿带来精彩的拍摄及制 ...
感谢才友临帖赏析，问好，相互学习了，傲雷不是宁波人，目前生活在合肥，故乡是江南。
小辣椒 发表于 2025-11-26 22:43
欣赏影儿好制作，小辣椒欣赏加学习
感谢才友临帖赏析，问好，相互学习了{:4_204:}
红影 发表于 2025-11-26 22:02
美丽的宁波风景。
欣赏影儿精美制作
感谢才友临帖赏析，问好，相互学习了{:4_204:}
樵歌 发表于 2025-11-26 20:27
@梦江南 快来欣赏你的家乡，自豪一小下
感谢才友临帖赏析，问好，相互学习了{:4_204:}
页:
[1]
2