Add CSS Style Example Page

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 Style Sheetpage to 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

.feather { background-image:url(CopyrightNotice/feather-small.png); background-repeat:no-repeat; background-position:top; background-size:48px; text-align:center; }
Copyright © 2024 The Apache Software Foundation,
Licensed under the Apache License, Version 2.0.
Apache and the Apache feather logo are trademarks of The Apache Software Foundation.