Skip to content

inline or <span> support #53

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
BlackRam-oss opened this issue Mar 6, 2025 · 3 comments
Open

inline or <span> support #53

BlackRam-oss opened this issue Mar 6, 2025 · 3 comments

Comments

@BlackRam-oss
Copy link

Hi, I'm a developer of a visual novel engine (an interactive story).
I would like to use the animations provided by this library to give the possibility to those who are using my game engine to add animations in the text of the story.
However, I noticed that it only works with divs, which is a problem because if it is used in a test it brings the following text to a new line.
It would be nice to be able to use it with span and p

@Dillonpw
Copy link

This is a bit old but just to be clear the library is a plugin for Tailwind with predefined values to make animations easier, there is nothing in this project that would impact which elements can or can't be animated. If you can style the elements with Tailwind you can apply the animations from this library.

@BlackRam-oss
Copy link
Author

@Dillonpw

I tried adding inline (https://tailwindcss.com/docs/display) like the following example:

<div class="motion-translate-y-loop-25 inline">You're my roommate's</div> replacement, huh?

I expected it to combine animation with inline style, but it didn't. If I use inline the animation doesn't start.

@BlackRam-oss BlackRam-oss changed the title <span> and <p> support inline or <span> support Apr 22, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants