Как мне запустить этот кусок для CSS-кода через JavaScript

Чтобы вставить новые строки, вам нужно добавить экземпляр Break к Run.

Пример:

run.AppendChild(new Text("Hello"));
run.AppendChild(new Break());
run.AppendChild(new Text("world"));

Произведенный XML будет выглядеть примерно так:

<w:r>
  <w:t>Hello</w:t>
  <w:br/>
  <w:t>world</w:t>
</w:r>
0
задан Tarun Jain 18 March 2019 в 03:01
поделиться

1 ответ

По моему мнению, если вы хотите управлять своей анимацией, а не просто анимировать ее, я рекомендую вам использовать js для управления стилем вашего элемента. Потому что animation это завершить серию анимации.

И есть действительно мощный CSS, называемый переменной css, вы можете получить более подробную информацию о https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties . [119 ]

const rotate=document.getElementById("rotate")
let r=0
rotate.addEventListener("click",()=>{
  r += 10
  rotate.style.setProperty("--rotate", r+"deg");
})
#rotate{
  --rotate:0deg;
  background:pink;
  width:100px;
  height:100px;
  transform:rotate(var(--rotate));
  transition:transform 1s;
}
<p>click the square and then it will rotate.</p>
<div id="rotate"></div>

Конечно, если вы хотите серию анимаций, вы можете проверить это на https : //developer.mozilla.org/en-US/docs/Web/CSS/animation . Это легко установить шаги в анимации.

0
ответ дан Nana Sun 18 March 2019 в 03:01
поделиться
Другие вопросы по тегам:

Похожие вопросы: