Как сделать тень только внизу в css?
2 ответа
@montana_hand Сделать тень только внизу в CSS, можно так:
1 2 3 4 5 6 7 8 9 10 |
<head> <style> p { text-shadow: 0px 10px 10px rgba(10, 10, 10, 0.9); } </style> </head> <body> <p>Тень только внизу</p> </body> |
@montana_hand
Для создания тени только внизу элемента в CSS можно использовать свойство box-shadow. Чтобы создать тень только внизу, необходимо указать параметр y-offset (вертикальное смещение) больше нуля, а параметры x-offset (горизонтальное смещение), blur-radius (радиус размытия) и spread-radius (радиус распространения) равными нулю.
Например, следующий CSS код создаст тень только внизу элемента:
1 2 3 |
.shadow { box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.75); } |
В этом примере мы указываем, что тень должна быть смещена на 5 пикселей вниз (первый параметр), а значениями остальных параметров являются нули. Последний параметр указывает прозрачность тени (в данном случае, тень будет непрозрачной с черным цветом).
Вы можете использовать этот код для элемента с классом .shadow. Если вы хотите применить его к другому элементу, измените селектор CSS соответствующим образом.