0

Я новичок, и мне нужна помощь даже в элементарных вещах. Как добавить непрозрачность тексту? Что изначально непрозрачность была на 0, а при появлении текста доходила до 100 (полной) непрозрачности? Я пытаюсь вставить, но у меня то анимация текста пропадает, то еще что-то.

$(function() {
    // Blasts the title
    var words = $('h1').blast({
      delimiter: 'word'
    });

    words.each(function(i) {
      // Initialization of the position
      $(this).css({
        position: 'relative',
        top: 150,
        opacity: 0,



      })

        .delay(i * 70)

        .animate({top: '0px'}, 400,); 


    });
  });
2
  • Вы хотите чтоб текст плавно появлялся или плавно исчезал?
    – Lukas
    Commented 13 сент. 2018 в 9:25
  • @Александр, да, чтобы текст плавно появлялся. И при появлении его непрозрачность была на 100%, хотя изначально она на 0.
    – Bogdan
    Commented 13 сент. 2018 в 11:54

1 ответ 1

0

Вот тут работает: http://jsfiddle.net/vcsr6aqj/21/

<div class="text">Тут текст!</div>

.text{
opacity: 0;
}

$(document).ready(function() {
    $('.text').velocity('transition.fadeIn', {
        delay: 1000,
        display: null, 
        duration: 2000
    })
});
2
  • Так мне нужно, чтобы это было в анимации, которая изложена в вопросе
    – Bogdan
    Commented 13 сент. 2018 в 14:20
  • Я не знаю зачем вы для этой задачи используете именно Blast.js, если у jquery есть прекрасный метод fadeTo. Но ответ поправил.
    – Lukas
    Commented 14 сент. 2018 в 7:44

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.