Как создать тень от коробки, которая является просто контуром? - PullRequest
Новая
       18

Как создать тень от коробки, которая является просто контуром?

0 голосов
/ 01 ноября 2018

enter image description here

Как бы я мог создать что-то вроде ссылки выше с html и css? Каждый раз, когда я пытаюсь сделать его тонкой линией, вроде (box-shadow: 10px 10px 1px # FFE600;), он исчезает. Мне просто нужно создать отдельный div для этого?

Вот мой текущий код: HTML 

<img src="../images/about.jpg" alt="Yonge and Dundas Street" class="pageimg">

CSS 

.pageimg {
    width: 37%;
    float: right;
    margin-left: 100px;
    box-shadow: 10px 10px #FFE600;
}

1 Ответ

0 голосов
/ 01 ноября 2018

Использовать несколько теней: 

img {
  box-shadow:
   12px 8px 0 0px white,
   14px 6px 0 0px yellow,
   14px 10px 0 0px yellow,
   10px 10px 0 0px yellow;
}
<img src="https://picsum.photos/200/200?image=1069">
...