Когда я установил штрих-черточку и штрих-черточку с помощью javascript, так что transfrom и анимация, что я установил в этом <path>не работает - PullRequest
Новая
       15

Когда я установил штрих-черточку и штрих-черточку с помощью javascript, так что transfrom и анимация, что я установил в этом <path>не работает

0 голосов
/ 31 августа 2018 
    var menuLine = document.querySelector(".menu .main-menu svg .oval-menu.white");
    var pathLength = menuLine.getTotalLength();
    menuLine.style.strokeDasharray = pathLength;
    menuLine.style.strokeDashoffset = pathLength;

Если я установил штрих-черточку и штрих-черточку с помощью js. трансформация и анимация, которые я установил в css, не работают 

svg .oval-menu.white {
    /*stroke-dasharray: 113.113;
    stroke-dashoffset: 113.113;*/ if i set two line when begin. it work

    transition: all 0.8s ease-out 0s;
    stroke-opacity: 0.3;
    stroke-width: 2;
    stroke: #FFFFFF;    
    transform: translate(74.941125px, 33.941125px) scale(1, -1) rotate(45deg) translate(-74.941125px, -33.941125px);

}
.svg:hover .oval-menu.white {
    stroke-dashoffset: 0;
    stroke: #FFFFFF;
    stroke-opacity: 1;
}
...