CSS3 ??? ??? ??? ???
CSS3 text-shadow ?? ???? ?? ??? ??:
??? ???? ??? ??? ???? ?? ????? ??? ?? ?? ??? ?????. Photoshop? ???? ??? ???? ??? ?? ??? CSS? ???? ???? ?????. ?? CSS3? ???? ????? ??? ?? ? ?? ??? ??? ??? ?????.
?? ??:
?? ??????? ?? ??? ?? ???? ???????. ?, ?? ??? ??? ????? ?? ???? ?? ?? ?????.
text-shadow:[顏色 x軸 y軸 模糊半徑],[顏色 x軸 y軸 模糊半徑]...
?? ?? ??:
1. ??: ???? ?? ?? ?????.
2.x?: ?? ???, ??? ?????.
3.y?: ?? ?? ???, ??? ?????.
4. ?? ??: ???? ?? ?????. ?? ??? ??????.
? ?? ??? ??? ??? ? ?? ??? ?? ?? ????:
text-shadow:[x軸 y軸 模糊半徑 顏色],[x軸 y軸 模糊半徑 顏色]...
???? ??? ??? ?? ?? ? ????.
?? ?:
x? ??? ??:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>php中文網</title>
<style type="text/css">
div{
text-shadow:green 300px 0px 0px;
font-size:80px;
}
</style>
</head>
<body>
<div>php中文網</div>
</body>
</html>? ??? ???? ?? ???? 300px? ???? ???? ??? ?????.
Y? ??? ??:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>php中文網</title>
<style type="text/css">
div{
text-shadow:green 0px 60px 1px;
font-size:80px;
}
</style>
</head>
<body>
<div>php中文網</div>
</body>
</html>? ??? ???? ?? ???? 60px?, ??? ??? ???? ??? ? ????.
?? ?? ??:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>php中文網</title>
<style type="text/css">
div{
text-shadow:green 10px 20px 5px;
font-size:80px;
}
</style>
</head>
<body>
<div>php中文網</div>
</body>
</html>?? ??? ???:
?? ?? ??? ??? ??? ???? ??? ???? ????. ???? ??? ?? ??? ?????.
??? ??? ????.
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>php中文網</title>
<style type="text/css">
div{
text-shadow:green 5px 10px 5px,blue 8px 10px 6px;
font-size:80px;
}
</style>
</head>
<body>
<div>php中文網</div>
</body>
</html>
