我网站的背景图片与http://upload.wikimedia.org/wikipedia/commons/1/16/La_Gran_Sabana.jpg非常相似
我想让云层移动并给人一种看上去好像观众实际上在凝视着山谷的山顶上的样子。要达到预期的效果需要什么程序或过程?
最佳答案
您可以使用整个云层移动的视频背景,然后将地面的.png图像以及山丘放在上面,并将位置设置为底部。在路上摆弄。
编辑:用自定义视频摆弄小提琴是有问题的,所以我创建了一个简单的网站来显示解决方案:http://alweso.2ap.pl/sky/index.html
HTML:
<video autoplay loop id="bgvid">
<source src="sky.webm" type="video/webm">
<source src="sky.mp4" type="video/mp4">
</video>
<img id="ground" src="ground.png">
CSS:
video#bgvid {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background-size: cover;
}
#ground {
position: absolute;
bottom: 0;
width: 100%;
}
当然,应该更仔细地裁剪图片中的天空(我建议使用Photoshop),并且视频显然与图片的颜色不匹配,但是我认为网站显示了总体思路。