Fader

Затемняющая плашка для наложения на изображения.

Использование

WARNING

Внимание!!! Для правильного позиционирования элемента, содержащий его родительский контейнер, обязательно должен иметь позиционирование отличное от статического (position: static;), например position: relative;!!!

HTML, Vue, Angular

<div style="position: relative;">
  <ds-fader></ds-fader>
</div>

React

/* В стилях */
.wrapper {
  position: relative;
  /* ... */
}

<div сlassName="wrapper">
  <Fader></Fader>
</div>

Примеры проектов

React

Angular

Vue