如何设置web背景渐变效果?

发布网友 发布时间:2022-04-22 04:56

我来回答

3个回答

热心网友 时间:2022-04-24 15:26

网页产生渐变效果不一定非要什么FLASH其实原理非常简单,META标签中就带有动态滤镜的功能。本站的这种效果其实就是用了meta标签而没有做其他任何修改。

你可以把以下这两段加到你的HTML的META头中,再看看效果:-)

<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">
<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">

blendTrans其实就是一种动态滤镜效果,当然还有其他的方法也可以产生这种动态滤镜效果

<Meta http-equiv="Page-Enter" Content="revealTrans(ration=x, transition=y)">
<Meta http-equiv="Page-Exit" Content="revealTrans(ration=x, transition=y)">

Duration  表示滤镜特效的持续时间(单位:秒)
Transition 滤镜类型。表示使用哪种特效,取值为0-23。

0 矩形缩小
1 矩形扩大
2 圆形缩小
3 圆形扩大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 点扩散
13 左右到中间刷新
14 中间到左右刷新
15 中间到上下
16 上下到中间
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 横条
22 竖条
23 以上22种随机选择一种
Tags: 资料存档, 有意思

热心网友 时间:2022-04-24 16:44

bcackground-repeat:repeat-x;
这个代码可以让渐变背景图片横着填充.

做个窄的竖条渐变的背景图..用上面的代码就可以解决了..

如果是要左右渐变就用bcackground-repeat:repeat-y;

热心网友 时间:2022-04-24 18:19

做一个渐变的图片,然后网站北京颜色设置为最渐变下面最后的颜色就OK了。例如渐变图片为: http://lsdv.tfol.com/images/bg.jpg 他的网页背景颜色为蓝色!

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com