Text color effect

I Need Help
1

Hey guys, im looking for a possibility to change the text color automatically as you see at this website: https://www.leichtle-webdesign.de

Anyone has a solution for me? Thanks.

2

i’ve seen this done in Wordpress - there are lots of plugins for it there, but never seen this in Blocs. Would be one for @Eldar, @PeteSharp and the gang !

Good luck - as this would be something of interest for me to use as I have a site im working on where the client wants the text in 2 colours, but fading would be great !

3

Hey @RME

They call this shimmer text. There are a number of examples online that give you the basics of it.

1 Like
4

thanks @PeteSharp I found this here:

.awesome {
  -webkit-animation:colorchange 10s infinite alternate;} 
@-webkit-keyframes colorchange {
  0% {color: #3A8EB7;}
 	 50% {color: #002449;}
 	100% {color: #3A8EB7;}

}

It works fine for me. @AdieJAM You can add more % for more colors.

4 Likes
5

Brilliant! Thank you - I’d love all these finds documented in one area on this forum!

1 Like
6

Much better that they stay in their own thread in my opinion. That way discussions are all relative. There is a search box up the top to find stuff. It works really well.

7

This looks very interesting! Where do I put that code?

8

Hey @Mattheus

Page header, between style tags. Then just add the class to your text element. You will need to tweak to suit your design.

<style>
.awesome {
  -webkit-animation:colorchange 10s infinite alternate;} 
 @-webkit-keyframes colorchange {
  0% {color: #3A8EB7;}
 	 50% {color: #002449;}
 	100% {color: #3A8EB7;}
}
</style>
1 Like