Пользователь пока ничего не рассказал о себе

Наибольший вклад в теги

Все теги (7)

Лучшие ответы пользователя

Все ответы (7)
  • Как запустить 2 анимации svg на странице (В примере запускается только одна)?

    ligvake
    @ligvake
    Присваивать разным элементам одинаковый id – плохая практика, он и расшифровывается как уникальный признак, идентификатор. Лучше использовать для этого классы.
    Но вот рабочий вариант с использованием id:
    window.onload=function(){
         let paths = document.querySelectorAll('[id=p]');
          paths.forEach(function(path) {
            const length = path.getTotalLength();
            path.style.strokeDasharray = length;
            path.style.strokeDashoffset = length;
          });
       }
    Ответ написан
    7 комментариев
  • Как сделать задержку анимации css между циклами?

    ligvake
    @ligvake
    Вы можете изменить анимацию кейфреймов css, чтобы создать задержку:
    #p { 
      animation: strokeOffset 5s linear forwards; 
      animation-iteration-count: infinite;
    }
       @keyframes strokeOffset { 
         50% {
           stroke-dashoffset: 0;
         }
         100% {
           stroke-dashoffset: 1;
         }
    }

    Логика такая:
    1. От 0 процентов до 50 от времени анимации (в моем коде 5 секунд), анимация будет полностью выполняться, т.е. она проиграется за 5*50%=2.5 секунд.
    Оставшиеся 2.5 секунды, с 50 до 100 процентов времени, она будет полностью заполнена и не меняться.
    Вы можете поменять время анимации и время задержки в зависимости от своих нужд.
    Ответ написан
    Комментировать
  • Как работать на spck editor на python с помощью телефона (андроид)?

    ligvake
    @ligvake
    Spck Editor – это среда разработки для Javascript
    Попробуйте скачать IDE предназначенные для написания на Python

    Например Pydroid 3
    Если вам нужен гит, то можно скачать Acode
    Ответ написан
    Комментировать

Лучшие вопросы пользователя

Все вопросы (2)