Анимируйте фигуры и текст Ксарингана

Я хочу анимировать некоторые элементы внутри слайдов в моей презентации 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/).


person Leonardo Ribeiro    schedule 03.06.2019    source источник


Ответы (1)


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

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

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

.pulse.animated[Some text
]
person Emi    schedule 04.06.2019
comment
Мне было интересно, что это второй ответ, которому вы помогли, потому что я проверил ваш блог. Какой прекрасный сюрприз. Иконка вашего пакета делает именно то, что я хотел (и многое другое) таким простым способом. Я бы посоветовал всем, кто читает эту ветку, использовать ее. Итак, чтобы оживить текст (или почти все), я буду использовать иконку. Что касается слайдов, я буду использовать следующий подход: r anicon::nia("some text", animate = "flash) - person Leonardo Ribeiro; 05.06.2019
comment
Ах да, anicon действительно делает анимированный текст / иконку / картинку! animate.css имеет больше фантастических анимаций, которые я надеюсь интегрировать в будущем. Комментарии, чтобы anicon поприветствовали :) - person Emi; 06.06.2019