Closed xmarya closed 8 months ago
I solved the problem. maybe in the future someone will face the same issue so I put my going-around solution here.
because the package adds a
.gradiant-text,
.gradiant-text div{
text-transform: capitalize;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(
90deg,
#28abe1 15%,
#ff729f 50%,
#f18f01 85%
);
-webkit-background-clip: text;
background-clip: text;
/* display: inline; */
/*for splitType package*/
/* font-kerning: none; */
}
I hope that helps.
I'm new to SplitType, I just wanted to do a simple animation for the header of my website, it's working very nicely but I have a problem with the nested element.
HTML :
the css of the target and gradiant-text element :
javascript :
maybe there is some css rules in the .gradiant-text class that conflict with SplitType? help please