Pregunta

I have an effect on circle (paralax) on mouse move my circles are moving.(like here: Tutorial paralax) But how can I made this circle responsive and how can i change their position to have someting like this: enter image description here Here are each circle:
enter image description here enter image description here enter image description here

I want every circle to be as diffrent element. not one picture.



    <body>
    <div class="parallax-container" data-jkit="[parallax:strength=2;axis=both]">
            <div class="parallax paralax2"><img src="https://dl.dropboxusercontent.com/u/64675374/circle/circle1.png"></div>

    </div>
    </body>

JS FIDDLE

¿Fue útil?

Solución

Hopefully this is what you are looking for..

HTML

<div class="parallax-container" data-jkit="[parallax:strength=3;axis=both]">
    <div class="parallax small circle"></div>
    <div class="parallax medium circle"></div>
    <div class="parallax large circle"></div>
</div>

See the result here... And even resize the browser to see it's responsiveness

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top