This page is best viewed with the Haddock Template

Example style page #

This is an example style page, which can be used as a reusable custom css style sheet with the %%add-css style.

Back to Add CSS Style, Haddock Styles

%%add-css
/* Example Style page which can be used with %%add-css.  */
.animatedText {
  color: #f35626;
  font-size:2em;
  background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
/%

Example:
Animated Text Color