wave-text-animation
v1.0.4
Published
Wave animation for text
Downloads
2
Readme
Wave Text Animation
npm i wave-text-animation
import package
import waveTextAnimation from 'wave-text-animation';
calling waveTextAnimation function from a package with text to animate
waveTextAnimation('hello world');
Add this container in html - div or p or whatever you want but with id="text-container" class="text-container"
<div id="text-container" class="text-container"></div>
Place this CSS in a file
.pTwo span {
transform: translateY(100%) rotateX(-90deg);
}
.text-container:hover .pOne span {
transform: translateY(-100%) rotateX(-90deg);
}
.text-container:hover .pTwo span {
transform: translateY(0%) rotateX(0deg);
}