使用者工具

網站工具


program:css:shadow

目錄表

Shadow

使用 CSS 中的 filter+shadow 來制做,可惜不支援 FireFox。

code

<html>
<head>
<title> shadow</title>
<style>
.shadow{
	width:100%;
	filter:shadow(color=#cc66ff,direction=135);
}
.dropshadow{
	width:100%;
	filter:dropshadow(color=#cc66ff,offx=8,offy=8,positive=1);
}
</style>
</head>
<body>
<div style="font-family:bailey;font-size:48pt;font-weight:bold;color:#FF9900;" class="shadow">
Hongen Online
</div>
<div style="font-family:bailey;font-size:48pt;font-weight:bold;color:#FF9900;" class="dropshadow">
Hongen Online
</div>
</body>
</html>

結果

shadow

使用shadow
使用dropshadow

program/css/shadow.txt · 上一次變更: 2008/05/12 01:44 (外部編輯)