Animowany equalizer w CSS3 i jQuery

Animowany equalizer w CSS3 i jQuery

Animowane detale na stronach internetowych z pewnością zwiększają pozytywny odbiór, często jednak wydają się czasochłonne. Okazuje się jednak, że w paru liniach jesteśmy w stanie osiągnąć ciekawy efekt, który utkwi w podświadomości użytkownika.

Gotowiec

W inauguracyjnym wpisie, gotowiec do wykorzystania na własnej stronie – animowana ikona equalizera. Świetnie nadaje się na przełącznik „włącz/wyłącz dźwięk” w odtwarzaczu filmu.

See the Pen Equalizer icon by Michał Wilk (@devolk) on CodePen.22268

 

Gratisowo prosta ale jakże przydatna funkcja losująca liczbę z zakresu

function randomBetween(min, max) {
    if (min < 0) {
        return min + Math.random() * (Math.abs(min)+max);
    }else {
        return min + Math.random() * max;
    }
}

Chyba nic trudnego? A może da się lepiej?


Newsletter

Maksymalnie raz w miesiącu dostaniesz powiadomienie o nowych wpisach.
Zapisz się do newslettera — ja nie śmiecę.

Ta strona wykorzystuje pliki cookies wyłącznie w celach statystycznych.