People whose workskins I adapted for use on this website:
Fancy text messages: by CodenameCarrot and La_Temperanza on AO3!
Search Engine: by gadaursan on AO3!
(Check out the entire work that's linked here. There's more cool stuff there!)
More workskins you should be made aware of:
Notebook lined paper: by La_Temperanza on AO3
Email: by La_Temperanza on AO3
Really just so much cool stuff! Check out chapter 19 for actual magic being some with drop-down menus: By PoppyChild on AO3
Custom and moving background images(?!) : by The_Winged_Warrior on AO3
Tumblr post simulator: by tsukinousagi on AO3
Neat:
Opacity:
you can change the opacity of text by adding this line to any workskin:
#workskin.opacity{
opacity: [number]%;
}
If in your work, you then write text in the form "<p class="opacity">TEXT HERE<p>" it will lower the opacity of the text to the percentage set in the workskin.
Like this:
#workskin.opacity{
opacity: 40%;
}
TEXT HERE
Rotation:
Text can be rotated by adding this line to any workskin:
#workskin .tilt {
transform: rotate([degrees]);
position: absolute;
}
If in your work, you then write text in the form "<p class="tilt">TEXT HERE<p>" it will rotate the text as many degrees as specified in the workskin.
Like this:
#workskin .tilt {
transform: rotate(-30deg);
position: absolute;
}
TEXT HERE