I am using Jquery animation to create my banner and i want to create a button text effect but i am not sure what this effect is called. This is the sample Sample Link and i want to create the same kind of button in my code as well . Here is my code. 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>
See This code for your Answer
http://jsfiddle.net/rooseve/g4zC7/2/
use transform: scale(1.2, 1.2);
for scale in Jquery
<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"/>
Effect You Need:
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.