ფუნქცია drop-shadow

ფუნქცია drop-shadow საშუალებას აძლევს დაამატოს ჩრდილი ფონის სურათს.

სინტაქსი

cssსელექტორი {
  filter: drop-shadow(x-ღერძის გადანაცვლება, y-ღერძის გადანაცვლება, დაბინდვის რადიუსი, ფერი);
}

მნიშვნელობები

მაგალითი

დავაყენოთ ჩვენი სურათისთვის ცისფერი ჩრდილი ღერძების გასწვრივ გადანაცვლების გარეშე, 5px დაბინდვით:

html<div id="elem"></div>

css#elem {
  filter: drop-shadow(0 0 5px #035470);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

იხილეთ აგრეთვე