Question

我正在使用Jquery动画来创建我的横幅，我想创建一个按钮文本效果，但我不确定这个效果是什么。这是示例Sample Link，我想在我的代码中创建相同类型的按钮。这是我的代码。 My Code

<div id = "wrapper" >       
 <div id="mainContainer">

    <div>
 <img id="introImg" src="http://i.imgur.com/FClbHjn.png"/>
    </div>

    <div id="images">
        <p id="headline1Txt" >Striped Bag</p><br />
        <p id="headline2Txt" >$14</p><br />
        <p id="headline3Txt" >Sale $25</p><br />
    </div>
    <div id="ctaBtn">
      <button class="btn btn-primary" type="button">SHOP NOW</button>
    </div>
 </div>
</div>

Answer 1

请参阅此代码以获取答案

http://jsfiddle.net/rooseve/g4zC7/2/

在Jquery

中使用transform: scale(1.2, 1.2);进行缩放

<script>

$('#introImg').css({"transform":"translate(100px,100px)"});
$('#introImg').css({"-webkit-transform":"-webkit-translate(100px,100px)"});
</script>

<img id="introImg" src="http://i.imgur.com/FClbHjn.png"/>

你需要的效果：

http://jsfiddle.net/g9RCv/8/

Jquery按钮文本效果

1 个答案: