Как анимировать 2 диагональные линии из текста, используя css или javascript - PullRequest
Новая
       62

Как анимировать 2 диагональные линии из текста, используя css или javascript

0 голосов
/ 18 января 2020

Для моей титульной страницы я хочу, чтобы на экране появилось несколько слов, а затем по две линии с каждой стороны по диагонали, в основном так: http://weaintplastic.com/

У меня есть Я получил этот код для строк, но я понятия не имею, как их анимировать, чтобы они оба начинались с центра и заполнялись в противоположных направлениях 

<svg x="0px" y="0px" width="275" height="114" viewBox="0 0 609.4 167.2">
          <g>
            <path class="path" fill="black" stroke="black" stroke-width="4" d="M344,6.8l-15.6,33.6h-5.8l15.6-33.6H344z"/>
          </g>

         <g class=>
            <path class="path" fill="black" stroke="black" stroke-width="4" d="M288.8,126.8l-15.6,33.6h-5.8l15.6-33.6H288.8z"/>
          </g>
</svg>

Также, если это было бы вокруг текста, это было бы невероятно!

...