Подделать ControlGroup.addControl (Button) -> Слайд-переход - PullRequest
Новая
       4

Подделать ControlGroup.addControl (Button) -> Слайд-переход

0 голосов
/ 22 марта 2020

Есть ли возможность перехода при динамическом добавлении новой кнопки в группу управления? Например, в этом коде было бы неплохо показать новую кнопку со слайдом. 

valuesOfParameter.forEach(valueOfParameter => {
          // iterative Button
          var buttonIterativ = new Autodesk.Viewing.UI.Button(valueOfParameter);
          // Click Event
          buttonIterativ.onClick = (event) => {
            console.log(valueOfParameter);
          };
          buttonIterativ.addClass(valueOfParameter);
          controlGroup.addControl(buttonIterativ);
          // controlGroup.addControl(buttonIterativ);
          $('#' + valueOfParameter).append('<style>.' + valueOfParameter + ':before{content: attr(data-before); font-size: 20px; color: white;}</style>');
          $('#' + valueOfParameter.toString()).attr('data-before', valueOfParameter);
        });

Спасибо

1 Ответ

0 голосов
/ 23 марта 2020

Самый простой способ - это go с анимацией CSS3 - вы можете выполнить ее без необходимости изменения уровня кода, например: 

.buttonSlide_in{
 animation: slideMe .7s ease-in;
}

@keyframes slideMe{
    0%{
        transform: skewX(53deg) translateX(-500px);
        opacity: 0;
    }
    60%{
        transform: translateX(0px);
    }
    62%{
        transform: skewX(0deg) translateX(30px);
    }
    70%{
        transform: skew(-20deg);
        opacity: 1;
    }
    80%{
        transform: skew(0deg) translate(0);
    }
    90%{
        transform: skew(-5deg);
    }
    100%{
        transform: skew(0deg);
    }
}

См. здесь , чтобы начать и вы привлечете внимание нужного сообщества, если добавите в свой вопрос более релевантные теги, такие как HTML/CSS animation

...