當前位置:首頁 » 網頁前端 » web漸變光澤特效
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web漸變光澤特效

發布時間: 2023-01-03 11:36:53

⑴ 如何設置web背景漸變效果

網頁產生漸變效果不一定非要什麼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: 資料存檔, 有意思

⑵ 如何利用PS做出這種光澤效果

挺簡單,你先復制這張圖片,接著使用工具欄的矩形工具,先在左邊畫個范圍,接著選擇漸變-自己設置漸變為白色--透明,接著線漸變拉,最後不透明度減低,右邊同樣方法

⑶ 這種有光澤的漸變的字體用什麼軟體做怎麼做

用photoshop裡面的工具欄上有個漸變工具,然後隨便選個樣式,然後根據圖片的顏色來選取漸變的顏色.可以添加也可以刪除色取點.細微的光澤是把亮度調高的結果.

⑷ 如何設置web背景漸變效果

打版的時候做的啊

⑸ WEB網頁頁面背景顏色漸變設置

頁面上實現漸變背景有兩種方法,一種是用背景圖片,一種是用代碼

如果漸變是自上而下的,並且漸變的頂部還想再加幅圖,如果你需要讓這幅圖和漸變背景色的過渡平滑自然。那麼,用背景圖片比較適合你的要求

把漸變部分,切成寬為1像素,高為漸變全部高度。假定存為"bg.gif"

將這個bg.gif作為網頁BODY區的背景圖,並且設計背景圖橫向重復平鋪。(注意的是,不要有縱向重復)

⑹ web前端 在jquery里怎麼使用漸變顏色

jquery漸變示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Cycle</title>

<script type="text/javascript" src="jquery.js"></script>

<style type="text/css">
table.outTable{
width: 500px;
border-top: #037DC7 1px solid;
border-collapse: collapse;
}
.outTable td{
height: 15px;
border: #037DC7 1px solid;
border-collapse: collapse;
}

table.inTable{
border: #037DC7 0px solid;
}
.inTable td.leftSideTd{
width: 15px;
height: 100px;
line-height:100px;
border-collapse: collapse;
}

</style>

<script type="text/javascript">
var first = true;

function decrescendo(o) {
$("#td"+o).css("background-color", "#C2F7A6");
$("#td"+o).css("opacity", "1.0");
$("#td"+o).animate({opacity: 0.4}, {ration: 500});
}
function crescendo(o) {
$("#td"+o).css("background-color", "#C2F7A6");
$("#td"+o).css("opacity", "0");
$("#td"+o).animate({opacity: 1}, {ration: 500});
}

function cycle(o){
var preO = o - 1;
if(o == 1) {
preO = 14;
}
//$("#td"+preO).css("background-color", "#FFFFFF");
if(!first) {
decrescendo(preO)
}
first = false;

var nextO = o + 1;
if(o == 14) {
nextO = 1;
}
//$("#td"+o).css("background-color", "#C2F7A6");
crescendo(o)

setTimeout("cycle("+nextO+")", 300);
}

</script>
</head>

<body>

<input type="button" value="begin" onclick="cycle(1);" />
<br /><br /><br />

<div style="margin: 0 auto; align:center;">

<table class="outTable" align="center">
<tr>
<td id="td1"></td>
<td id="td2"></td>
<td id="td3"></td>
<td id="td4"></td>
</tr>
<tr>
<td colspan="2" style="border: 0px;">
<table align="left" class="inTable">
<tr>
<td id="td14" class="leftSideTd" style="border-top: 0;"></td>
</tr>
<tr>
<td id="td13" class="leftSideTd"></td>
</tr>
<tr>
<td id="td12" class="leftSideTd" style="border-bottom: 0;"></td>
</tr>

</table>
</td>
<td colspan="2" style="border: 0px;">
<table align="right" class="inTable">
<tr>
<td id="td5" class="leftSideTd" style="border-top: 0;"></td>
</tr>
<tr>
<td id="td6" class="leftSideTd"></td>
</tr>
<tr>
<td id="td7" class="leftSideTd" style="border-bottom: 0;"></td>
</tr>

</table>
</td>

</tr>
<tr>
<td id="td11"></td>
<td id="td10"></td>
<td id="td9"></td>
<td id="td8"></td>
</tr>
</table>

</div>

</body>
</html>

⑺ 怎麼設計WEB登錄頁面,讓頁面不平庸

1,先分析網站的行業的性質。
2,根據行業設定主色調。
3,多採用些透明度。大氣美觀。

⑻ 怎麼用photoshop把顏色弄的有光澤

1、在菜單欄中打開一個素材圖片。