Nice shine effect for every title or text you want

Tittle Shine effect

Use the Text element and give it the tag you need H1/H2 etc... This is very important.

And then add the following CSS to the custom CSS of the text element. Don't forget to change the Html tag. This code is for H2. You can also change the font-family/size etc... Pure CSS

h2 {

background: linear-gradient(to right, hsl(0, 0%, 30%) 0, hsl(0, 0%, 100%) 10%, hsl(0, 0%, 30%) 20%);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

animation: shine 3s infinite linear;

}

@keyframes shine {

0% {

background-position: 0;

}

50% {

background-position: 500px;

}

100% {

background-position: 1000px;

}

}

Title Shine Effect

Other hacks that could interest you

Blog article image
Hover revelation
Blog article image
Buttons
Blog article image
Text Pop-out
Blog article image
Text colour animation

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