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>

結果

<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”> 使用shadow </div> <div style=“font-family:bailey;font-size:48pt;font-weight:bold;color:#FF9900;” class=“dropshadow”> 使用dropshadow </div> </body> </html>