maxmert/maxmertkit

skyline

Opened this issue · 2 comments

Deleted user commented

Здравствуйте! нет конкретного примера использования [skyline]... как достичь такого же эффекта как на http://maxmert.com/components#skylineCommon. спасибо

maxmert commented

Ниже примера есть исходный код.

<img data-spy="skyline" style="width: 280px; height: 280px" src="" class="-scale--">
<img data-spy="skyline" style="width: 280px; height: 280px" src="" class="-scale--">
skylines = document.querySelectorAll("[data-spy='skyline']")
for sky in skylines
    sky.skyline
        delay: ->
            2000 * Math.random()

Или если у вас подключен jquery

$('[data-spy="skyline"]').skyline()
maxmert commented

Анимация делается добавлением классов анимации. В предыдущем примере это -scale--.