Текстовый эффект кнопки Jquery

Question

Текстовый эффект кнопки Jquery

0

Я использую JQuery-анимацию для создания своего баннера, и я хочу создать текстовый эффект кнопки, но я не уверен, что называется этим эффектом. Это образец Sample Link, и я хочу создать такую же кнопку в моем коде. Вот мой код. Мой код

<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>

ketan 03 июнь 2014, в 08:26

Источник

0

ты имеешь ввиду когда кнопка зависнет, она станет чуть больше?
jhyap 03 июнь 2014, в 05:39
0

нет, я имею в виду текстовый эффект внутри кнопки. Можете ли вы увидеть анимацию текста "Узнать больше"
user3701460 03 июнь 2014, в 05:41

Теги:

javascript

jquery

html5

jquery-ui

animation

1 ответ

Ещё вопросы

ты имеешь ввиду когда кнопка зависнет, она станет чуть больше?
нет, я имею в виду текстовый эффект внутри кнопки. Можете ли вы увидеть анимацию текста "Узнать больше"

ketan · Answer 1 · 2014-06-03T03-50-00.000Z

0

См. Этот код для вашего ответа

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

использование transform: scale(1.2, 1.2); для шкалы в 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"/>

Эффект, который вам нужен:

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

ketan 03 июнь 2014, в 03:50

0

спасибо, но я хочу скопировать текстовую анимацию внутри кнопки. Можете ли вы узнать больше эффекта в примере ссылки?
user3701460 03 июнь 2014, в 05:32
0

я не хочу эффект трансформации мне нужен текст внутри эффекта кнопки
user3701460 03 июнь 2014, в 05:35
0

Насколько мне известно, нет никакого эффекта для текста внутри кнопки. Но вы можете дать отдельную метку на кнопку
ketan 03 июнь 2014, в 05:43
0

jsfiddle.net/bGsa3/5 мне нужно что-то подобное, но в быстром темпе и внутри моей кнопки
user3701460 03 июнь 2014, в 05:46
0

Ohh Так что используйте Div для кнопки и поместите текст поверх этого div и сделайте быстрый интервал увеличения от 1000 до 500 или меньше
ketan 03 июнь 2014, в 05:49
0

Вы можете увидеть слайд на изображении в примере ссылки? Я пытаюсь скользить, но как получить такой эффект?
user3701460 03 июнь 2014, в 05:50
0

да кетан это работает и вы можете сказать мне слайд в анимации автомобиля, как сделать это так
user3701460 03 июнь 2014, в 05:51
0

$ ('image'). css ({"transform": "translate (100px, 100px)"}); для перемещения / скольжения
ketan 03 июнь 2014, в 05:53
0

мне нужно положить это в моем CSS? Вы можете обновить мой код, я новичок в программировании
user3701460 03 июнь 2014, в 05:55
0

Нет Поместите этот код в Jquery. используйте -webkit для chrome / Safari. . $ ( 'Image') CSS ({ "- WebKit-преобразования": "переводить (100px, 100px)"});
ketan 03 июнь 2014, в 05:55
0

jsfiddle.net/g9RCv/3 я обновляю это, но не работаю
user3701460 03 июнь 2014, в 06:01
0

Я обновляю код выше. пожалуйста, проверьте в вашем jsfiddle, используете ли вы firefox, затем удалите -webkit, а затем проверьте. Вам нужен эффект при наведении?
ketan 03 июнь 2014, в 06:04
0

да я изменил это и все тот же. jsfiddle.net/g9RCv/4
user3701460 03 июнь 2014, в 06:07
0

нет, мне нужен эффект изображения, такой же как platform.mediamind.com/Eyeblaster.Preview.Web/… это изображение скользит в
user3701460 03 июнь 2014, в 06:08
0

затем укажите ширину #introImg: 80 пикселей; и высота: 80px; в CSS ИЛИ меньше, чем ширина: 120px и высота: 140px;
ketan 03 июнь 2014, в 06:14
0

см .: jsfiddle.net/g9RCv/6
ketan 03 июнь 2014, в 06:17
0

нет, на самом деле вы не поняли мое требование, можете ли вы увидеть автомобильную анимацию здесь platform.mediamind.com/Eyeblaster.Preview.Web/… Я хочу, чтобы то же самое скользило слева направо.
user3701460 03 июнь 2014, в 06:19
0

ооо хорошо, как это? jsfiddle.net/g9RCv/8
ketan 03 июнь 2014, в 06:23
0

да скользить вот так, но как создать этот эффект? Можете ли вы увидеть образец, который он вставляет и добавляет дополнительные эффекты
user3701460 03 июнь 2014, в 06:25
0

Установите начальное левое и верхнее значение и измените это значение с помощью Jquery. Это создаст такой эффект :)
ketan 03 июнь 2014, в 06:31
0

jsfiddle.net/2NatQ/1 Я создал этот простой слайд слева направо, вы можете сказать мне в этом, что я должен добавить больше, и спасибо за помощь :)
user3701460 03 июнь 2014, в 06:35
0

Вы можете сделать это в моем коде обновления, пожалуйста, jsfiddle.net/2NatQ/1
user3701460 03 июнь 2014, в 06:38
0

Но объясните, пожалуйста, что именно вам нужно?
ketan 03 июнь 2014, в 06:43
0

platform.mediamind.com/Eyeblaster.Preview.Web/… вы можете воспроизвести этот образ автомобиля, пожалуйста? это идет слева направо. Можете ли вы увидеть эффект, но он добавляет больше эффектов, кроме скольжения слева направо, я создал тот же эффект панели, скользящий слева направо, но я просто хочу скопировать тот же автомобильный эффект в моем коде, вы меня поняли?
user3701460 03 июнь 2014, в 06:45
0

ты должен попробовать себя дальше. так что вы можете узнать это.
ketan 03 июнь 2014, в 08:36

Показать ещё 23 комментария