變化的文字 (一)：你我他：Xuite日誌

原始碼：
<div style="width: 300; font-size:24pt; font-family: 標楷體; color:0000ff; position: relative; filter: dropshadow(color=000000, offx=1, offy=2, positive=1)">陰影文字參考</div>

陰影文字範例 (二)

陰影文字參考

原始碼：
<div>
<table style='filter: shadow(color=#ff82ff); border-collapse:collapse' border="0" bordercolor="#111111" cellpadding="0" cellspacing="0" width="300">
<tr>
<td>
<p><font face="標楷體" color="#FFFFFF" size="6">陰影文字參考</font></td>
</tr></font></table>
</div>

陰影文字範例 (三)

陰影文字參考

原始碼：
<div>
<table style="color:00ff00;font-family:標楷體;FILTER:Alpha(Opacity=90,style=0) Wave(Add=1,Freq=1,LightStrength=80) glow(color=000000,strength=1) glow(color=FFFFFF,strength=1) dropshadow(color=000000,offx=1,offy=1) dropshadow(color=AAAAAA,offx=3,offy=3);width:300; font-style:normal; font-variant:normal; font-weight:normal; font-size:30pt; border-collapse:collapse" cellspacing="0" cellpadding="0" border="0" bordercolor="#111111">
<tr>
<td width="300" align="left">
<p><font size="6">陰影文字參考</font></td>
</tr></table>
</div>

文字閃爍效果

文字閃爍效果範例

將下面框內的原始碼複製，先貼在記事本上修改你想要顯示的文字
修改完成，使用原始碼編輯格式，貼上既可

備註：

style="設定樣式文字色彩背景色陰影"

font face="標楷體"　　←文字型

color=#cccccc　　←文字色彩

size="6"　　←文字大小 size:24pt; 2.4em

Strength=5　　←底色大小　1小 → 大

offx=3　　←陰影往X軸位移 (水平)

offy=3　　←陰影往Y軸位移 (垂直)

bgColor="#cccccc" 　　←背景色

width="300"　　←表格寬

height:"27"　　←表格高

align="left"　　　←物件置左中center 右right

FILTER:dropshadow　　←雕刻文字樣式(一)

FILTER:shadow　　←陰影文字樣式 (二)

FILTER:Alpha　　←陰影文字樣式 (三)

piyu / Xuite日誌 / 回應(0) / 引用(0) / 好文轉寄

HTML 轉 JS 代碼工具|日誌首頁|變化的文字 (二)

回應