跳至內容
MasterDragon
使用者工具
登入
網站工具
搜尋
工具
顯示頁面
舊版
反向連結
最近更新
多媒體管理器
網站地圖
登入
>
最近更新
多媒體管理器
網站地圖
足跡:
program:css:shadow
本頁是唯讀的,您可以看到原始碼,但不能更動它。您如果覺得它不應被鎖上,請詢問管理員。
====== Shadow ====== 使用 CSS 中的 filter+shadow 來制做,可惜不支援 FireFox。 ===== code ===== <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> </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"> 使用shadow </div> <div style="font-family:bailey;font-size:48pt;font-weight:bold;color:#FF9900;" class="dropshadow"> 使用dropshadow </div> </body> </html>
program/css/shadow.txt
· 上一次變更: 2019/11/16 08:12 由
127.0.0.1
頁面工具
顯示頁面
舊版
反向連結
回到頁頂