(��� ��������� ���������� ��������� ������� ������ CSS)
������ �������� �������� ��������� ������ "Web Style Sheets CSS tips & tricks".
������������ ������ ��������� ���������� ������ �� ����� W3C https://www.w3.org/Style/Examples/007/text-shadow.html
������ ������� �� �������� ����������� ���������� W3C.
��� ��������� ����� ����������� W3C.
������ �������� ����� ��������� ������ �������� � ��������.
����� ��������: ������� �������, ��� ����� ������ Speed Lab. ��� �������� ������: en, ru, uk
��������� ������: https://www.indeep76.com/Style/Example007/text-shadow.html
������� 3 CSS �������� ��������� 'text-shadow' ��� ���������� ���� �� ������ ����� ������ ������. � ����� ���������� ����� ��� �������� ���:
h3 {text-shadow: 0.1em 0.1em #333}
��� ��������� �����-����� (#333) ���� ������� ������ (0.1em) � ���� (0.1em) ������������ ����������� ������. ��������� �������� ��������� �������:
(��� �� ��� �������� ������� 2005 ��������� ������������ 'text-shadow'. ������ ���� ������ ������ �������� ��� ������� �� Safari � Konqueror.)
���������� ����� �������� 'text-shadow' ����� ��� �����: ���� (��� #333 ����) � ������ (0.1em 0.1em � �������, ������ ����). ��� �������� � ������ ���� �� ������� �������. �� ������ ����� ����� ������� ���������, ��� �������� � ����� ��� ����� ��������� ����.
������� ���������� ������������, ��� ������ ������. ��� ��� �����, ���� � ��������� ����������� (0.05em) � ������ - � ������� (0.2em):
h3.a {text-shadow: 0.1em 0.1em 0.05em #333} h3.b {text-shadow: 0.1em 0.1em 0.2em black}
���� ����� ������� ����� ���������, ���� �������� ����� �������� ����� � ������ ����� ���������. ��� ������ ������ ������ �� ������-������� ����, ������� ��� ����, � ����� � �����:
h3 {color: white} h3.a {color: white; text-shadow: black 0.1em 0.1em 0.2em}
��� ����:
� �����:
�� ����� ������ ������� �����, ��� ���� ����. � ����� ��� �������� �������� �������:
h3 {text-shadow: 0.2em 0.5em 0.1em #600, -0.3em 0.1em 0.1em #060, 0.4em -0.3em 0.1em #006}
�� ��� ������ ���� ��������� ������������� ������ � ������� ����� ������ ����� ��������:
h3.a {text-shadow: -1px -1px white, 1px 1px #333} h3.b {text-shadow: 1px 1px white, -1px -1px #333}
��� ������� ������, ��� ��� �� ������ ������, ������������ �� ��� ������� 'text-shadow'. ���������� ����� ���� � ������ � ���� ������� ����������� ��������� (#CCCCCC � #D1D1D1), ��� ��� ��� ����� �� ���� �������� ���������.
������ � ����� ������ ���������� ������ ����� ������������ � �����. ��� ������ ������� �����, ������ ����� ������ �������:
h3 {text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black}
��� �� ������ ������, � � ��������� ����� (������ 2005)������������ ��������� � ���, ������ �� CSS �������� ��������� �������� (���, ��������, ���������� ��� 'text-decoration') ��� ����, ����� ������ ������ �������.
���� �� ��������� ��������� ���� ����� ��� �������, �� ���� � ������� ��������, ������ ������� � ���, ����� ������� �������� ������ ����. ���� �������� ����� ���� ������������ �����������, ������ ��������� ����� �� ���� ��������� ���:
h3.a {text-shadow: 0 0 0.2em #8F7} h3.b {text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87} h3.c {text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F}