Как создать перспективную тень только с помощью CSS?Html

Программисты Html
Ответить
Anonymous
 Как создать перспективную тень только с помощью CSS?

Сообщение Anonymous »

Я знаю о свойстве box-shadow в CSS, но оно создает тень, которая выглядит так, как будто она проецируется на стену прямо за элементом. Мне нужно создать тень, которая выглядит так, будто элемент стоит на земле, вот так:
Изображение

Вот что у меня пока получилось:

Код: Выделить всё

div {
display: inline-block;
height: 150px;
width: 150px;
background: url(https://via.placeholder.com/150);
margin-left: 20px;
box-shadow: -5px 5px 10px 0 rgba(0,0,0,0.75);
}



Подробнее здесь: https://stackoverflow.com/questions/403 ... h-css-only
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»