This page (revision-1) was last changed on 23-Jun-2015 17:42 by DirkFrederickx 

Only authorized users are allowed to rename pages.

Only authorized users are allowed to delete pages.

Version Date Modified Size Author Changes ... Change note
1 23-Jun-2015 17:42 1 KB DirkFrederickx
Incoming links Outgoing links
Add CSS Style Example Page...nobody
Add CSS Style Example Page

Difference between version and

At line 1 added 54 lines
%%information 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]
%%prettify-nonum
{{{
%%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);
}
}
/%
}}}
/%
%%add-css
/* 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:\\
%%animatedText Animated Text Color /%
This page (revision-1) was last changed on 23-Jun-2015 17:42 by DirkFrederickx  Top