Add a nice color effect

Adding a nice Gradient colored effect to any text element is easy and nice

Just add a text element, make it bold and with large font.

Then add this code to the custom CSS of the element. You can then plays with the colors.

element {

text-transform: uppercase;

background-image: linear-gradient(

-225deg,

#231557 0%,

#44107a 29%,

#ff1361 67%,

#fff800 100%

);

background-size: auto auto;

background-clip: border-box;

background-size: 200% auto;

color: #fff;

background-clip: text;

text-fill-color: transparent;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

animation: textclip 2s linear infinite;

display: inline-block;

font-size: 190px;

}


@keyframes textclip {

to {

background-position: 200% center;

}

}

Text colour animation

Other hacks that could interest you

Blog article image
How to add padding to a whole site
Blog article image
How to modify your Brizy form success message
Blog article image
How to add Flipboxes to Brizy

Any ideas or Requests


Thanks


Feel free to contact us.

if you have any Hacks that would be great to add or any ideas you would like to be solved with Brizy cloud, You can write at contact@monsieurclick.com or use the form to upload images and ideas. Thanks a lot !!!

If you want just to say thank you or help us maintain this page, Feel free to donate whatever you want

DONATE

Thanks a lot for your help, It's greatly appreciated !!

And feel free to ask for tutorials or tips that you would like to discover on the site