Text Animations
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Fill text Color on scroll
Effortless animation meets TheSprkl. Amplify your projects with seamless, ready-to-animate designs.
The code for this animation with comments is in Before </body> tag of the page. No additional attributes needed.
Letters fade in
Effortless animation meets TheSprkl
The code for this animation is locaded in Before </body> and Inside <head> tags of the page. You also need to set up custom attributes in the settings of the text ellement. For this animation you will need these attributes: "text-split = " and "letters-fade-in = ".
Letters Slide Up
Effortless animation meets TheSprkl
The code for this animation is locaded in Before </body> and Inside <head> tags of the page. You also need to set up custom attributes in the settings of the text ellement. For this animation you will need these attributes: "text-split = " and "letters-slide-up = ".
Letters slide down
Effortless animation meets TheSprkl
The code for this animation is locaded in Before </body> and Inside <head> tags of the page. You also need to set up custom attributes in the settings of the text ellement. For this animation you will need these attributes: "text-split = " and "letters-slide-down = ".
Words slide Up
Effortless animation meets TheSprkl. Amplify your projects with seamless, ready-to-animate designs.
The code for this animation is locaded in Before </body> and Inside <head> tags of the page. You also need to set up custom attributes in the settings of the text ellement. For this animation you will need these attributes: "text-split = " and "words-slide-up = ".
Words Slide From Right
Effortless animation meets TheSprkl. Amplify your projects with seamless, ready-to-animate designs.
The code for this animation is locaded in Before </body> and Inside <head> tags of the page. You also need to set up custom attributes in the settings of the text ellement. For this animation you will need these attributes: "text-split = " and "words-slide-from-right = ".
Numbers Roulette
0
Projects
0
Happy Clients
0
Positive Reviews
The code for this animation is locaded in Before </body> tag. Additionally you will need to set up combo classes. You can rename it like you want, but make sure you change class names both in style selector and code.
