Анимация Xaringan цифры и текст - PullRequest
1 голос
/ 03 июня 2019

Я хочу анимировать некоторые элементы внутри слайдов в моей презентации Xaringan.

Я знаю, как анимировать переходы слайдов, как указано в ссылке ниже (https://www.garrickadenbuie.com/blog/animate-xaringan-slide-transitions/).

Что яочень хочется, чтобы была возможность использовать такую ​​анимацию в тексте или изображении слайда.

При просмотре файла animate.css я вижу некоторые классы, например:

.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

Но когда я пытаюсь использовать в RMardown вот так:

.pulse[Some text]

Ничего не происходит.

Я надеялсядля решения, которое в идеале позволило бы мне выбрать все возможные анимации (https://daneden.github.io/animate.css/).

1 Ответ

1 голос
/ 04 июня 2019

Если вы сделаете .pulse[Some text], он конвертируется в <span class="pulse">Some text</span>.Несколько вещей, чтобы оживить это здесь:

  • вам нужно добавить класс animated
  • вместо него поменять на div.Вы можете сделать это, запустив ] в новой строке .

Так что это должно работать (учитывая, что у вас есть animate.css в комплекте):

.pulse.animated[Some text
]
...