Trang Chính
1
Kỹ thuật tạo hiệu ứng đổ bóng cho văn bản bằng CSS Wed 06 Oct 2010, 12:03
Admiиistrator
Ban Quản Trị
Số bài viết : 1451
Giới tính :
Danh Tiếng : 1105
Danh Vọng : 9573
Status : cOn tym nÀy kO cẦn ai sƯởi ấM... đÔi chÂn nÀy thỪa sỨc tự đứnG lÊn...
Giới tính :
Danh Tiếng : 1105
Danh Vọng : 9573
Status : cOn tym nÀy kO cẦn ai sƯởi ấM... đÔi chÂn nÀy thỪa sỨc tự đứnG lÊn...
Nguồn: http://www.300yards.com/007/text-shadow.html
Bóng văn bản
a {text-shadow: 0.1em 0.1em #333}
Bóng văn bản mờ
a {text-shadow: 0.1em 0.1em 0.05em #333}h3.b {text-shadow: 0.1em 0.1em 0.2em black}
Chữ trắng có thể đọc được:
a {color: white}
b {color: white; text-shadow: black 0.1em 0.1em 0.2em}
Nhiều bóng:
a {text-shadow: 0.2em 0.5em 0.1em #600, -0.3em 0.1em 0.1em #060, 0.4em -0.3em 0.1em #006}
Hiệu ứng nổi:
a {text-shadow: -1px -1px white, 1px 1px #333}
b {text-shadow: 1px 1px white, -1px -1px #333}
Chữ như có viền ngoài:
a {text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black}
Phát sáng như đèn Nê-ông:
a {text-shadow: 0 0 0.2em #8F7}
b {text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87}
c {text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F}
Bóng văn bản
a {text-shadow: 0.1em 0.1em #333}
Bóng văn bản mờ
a {text-shadow: 0.1em 0.1em 0.05em #333}h3.b {text-shadow: 0.1em 0.1em 0.2em black}
Chữ trắng có thể đọc được:
a {color: white}
b {color: white; text-shadow: black 0.1em 0.1em 0.2em}
Nhiều bóng:
a {text-shadow: 0.2em 0.5em 0.1em #600, -0.3em 0.1em 0.1em #060, 0.4em -0.3em 0.1em #006}
Hiệu ứng nổi:
a {text-shadow: -1px -1px white, 1px 1px #333}
b {text-shadow: 1px 1px white, -1px -1px #333}
Chữ như có viền ngoài:
a {text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black}
Phát sáng như đèn Nê-ông:
a {text-shadow: 0 0 0.2em #8F7}
b {text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87}
c {text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F}
Được sửa bởi Admiиistrator ngày Wed 06 Oct 2010, 17:12; sửa lần 2.
