maxmertkit icon indicating copy to clipboard operation
maxmertkit copied to clipboard

skyline

Open ghost opened this issue 11 years ago • 2 comments

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

ghost avatar Jul 14 '14 03:07 ghost

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

<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 avatar Jul 14 '14 06:07 maxmert

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

maxmert avatar Jul 14 '14 06:07 maxmert