Css圈位

时间：2014-05-04 18:35:02

标签： jquery responsive-design geometry

我对鼠标移动时的圆圈（paralax）有影响。（就像这里：     Tutorial paralax）     但是我怎样才能使这个圈子响应，我怎样才能改变他们的位置以达到这样的效果：     enter image description here  以下是每个圈子：
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

1 个答案:

答案 0 :(得分：1)

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

相关问题
最新问题