CSS ﻦﺘﻣ ﻪﯾﺎﺳ

فهرست مطالب

ﻦﺘﻣ ﻪﯾﺎﺳ

.ﺪﻨﮐ ﯽﻣ ﻪﻓﺎﺿﺍ ﻦﺘﻣ ﻪﺑ ﺍﺭ ﻪﯾﺎﺳ text-shadow ﯽﮔﮋﯾ

:ﺪﯿﻨﮐ ﯽﻣ ﺺﺨﺸﻣ ﺍﺭ (2px) ﯼﺩﻮﻤﻋ ﻪﯾﺎﺳ ﻭ (2px) ﯽﻘﻓﺍ ﻪﯾﺎﺳ ﻂﻘﻓ ﺎﻤﺷ ،ﻩﺩﺎﻔﺘﺳﺍ ﻦﯾﺮﺗ ﻩﺩﺎﺳ

Text shadow effect!

ﻝﺎﺜﻣ

  h1
{
  text-shadow: 2px 2px;
}

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  text-shadow: 2px 2px;
}
</style>
</head>
<body>

<h1>Text-shadow effect!</h1>

</body>
</html>

:ﺪﯿﻨﮐ ﻪﻓﺎﺿﺍ ﻪﯾﺎﺳ ﻪﺑ (ﺰﻣﺮﻗ) ﮓﻧﺭ ﮏﯾ ﺲﭙﺳ

Text shadow effect!

ﻝﺎﺜﻣ

  h1
{
  text-shadow: 2px 2px red;
}

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  text-shadow: 2px 2px red;
}
</style>
</head>
<body>

<h1>Text-shadow effect!</h1>

</body>
</html>

:ﺪﯿﻨﮐ ﻪﻓﺎﺿﺍ ﻪﯾﺎﺳ ﻪﺑ (ﻞﺴﮑﯿﭘ 5) ﯼﺭﺎﺗ ﺖﮑﻓﺍ ﮏﯾ ،ﺲﭙﺳ

Text shadow effect!

ﻝﺎﺜﻣ

   h1
{
  text-shadow: 2px 2px 5px red;
}

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  text-shadow: 2px 2px 5px red;
}
</style>
</head>
<body>

<h1>Text-shadow effect!</h1>

</body>
</html>

ﺮﺘﺸﯿﺑ ﻦﺘﻣ ﻪﯾﺎﺳ ﯼﺎﻫ ﻪﻧﻮﻤﻧ

1 ﻝﺎﺜﻣ

:ﺪﯿﻔﺳ ﻦﺘﻣ ﮏﯾ ﯼﻭﺭ ﻪﯾﺎﺳ-ﻦﺘﻣ

h1 {
  color: white;
  text-shadow: 2px 2px 4px #000000;
}

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  color: white;
  text-shadow: 2px 2px 4px #000000;
}
</style>
</head>
<body>

<h1>Text-shadow effect!</h1>

</body>
</html>

2 ﻝﺎﺜﻣ

:ﺰﻣﺮﻗ ﻥﻮﺌﻧ ﺶﺸﺧﺭﺩ ﺎﺑ ﻪﯾﺎﺳ ﻦﺘﻣ

h1 {
  text-shadow: 0 0 3px #ff0000;
}

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  text-shadow: 0 0 3px #FF0000;
}
</style>
</head>
<body>

<h1>Text-shadow with red neon glow!</h1>

</body>
</html>

3 ﻝﺎﺜﻣ

:ﯽﺑﺁ ﻭ ﺰﻣﺮﻗ ﻥﻮﺌﻧ ﺶﺸﺧﺭﺩ ﺎﺑ ﻪﯾﺎﺳ ﻦﺘﻣ

h1 {
  text-shadow: 0 0 3px #ff0000, 0 0 5px #0000ff;
}

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}
</style>
</head>
<body>

<h1>Text-shadow with red and blue neon glow!</h1>

</body>
</html>

4 ﻝﺎﺜﻣ

h1 {
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 
  0 5px darkblue;
}

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
</style>
</head>
<body>

<h1>Text-shadow effect!</h1>

</body>
</html>

ﻪﺘﮑﻧ: ﻢﻠﻗ ﻞﺼﻓ ﻪﺑ ،ﻦﺘﻣ ﮏﺒﺳ ﻭ ﻦﺘﻣ ﻩﺯﺍﺪﻧﺍ ،ﺖﻧﻮﻓ ﺮﯿﯿﻐﺗ ﻩﻮﺤﻧ ﺎﺑ ﯽﯾ

ﻪﺘﮑﻧ: ﻩﻮﻠﺟ ﺎﺑ ﯽﯾﺎﻨﺷﺁ ﯼﺍﺮﺑﻩﻮﻠﺟ ﻞﺼﻓ ﻪﺑ ،ﻒﻠﺘﺨﻣ ﯽﻨﺘﻣ ﯼﺎﻫ

CSS ﻦﺘﻣ ﻪﯾﺎﺳ ﯽﮔﮋﯾﻭ

text-shadow: ﺪﻨﮐ ﯽﻣ ﺺﺨﺸﻣ ﺍﺭ ﻦﺘﻣ ﻪﺑ ﻩﺪﺷ ﻪﻓﺎﺿﺍ ﻪﯾﺎﺳ ﺖﮑﻓﺍ