Module «pulse-opacity». Animation for loading.

Демо:

https://codepen.io/ildar-meyker/pen/RwdeZvp

Плагины:

Подключение:

//

Разметка:

//

<div class="example loading">
  <img src="https://loremflickr.com/320/240" />
</div>

Стили:

//

.example {

   &.loading {
      animation: pulseOpacity 1s linear infinite;
  }
}


@keyframes pulseOpacity {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

Инициализация:

//