Creates a Sky-Fade for Google Classroom
Google Classroom (Sky Fade version) by legendsave
Details
Authorlegendsave
LicenseNo License
CategoryUserstyles
Created
Updated
Size970 B
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Changelog:
1.0.0 : First released
1.0.1 : Added text shadows
How to Change code:
1.0.1 : Text shadows can be removed by removing >> text-shadow
Source code
/* ==UserStyle==
@name Google Classroom (Sky Fade version)
@version 20220304.19.50
@namespace userstyles.world/user/legendsave
@description Creates a Sky-Fade for Google Classroom
@author legendsave
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://classroom.google.com") {
body {
animation: body 10s linear 0s infinite;
color: skyblue;
background: linear-gradient(0.45turn, skyblue, blue, blueviolet);
text-shadow: 1px 1px 2px skyblue, 0 0 1em blue, 0 0 0.2em blue;
}
@keyframes body {
from {
color: skyblue;
text-decoration-color: skyblue;
text-shadow: 1px 1px 2px skyblue, 0 0 1em blue, 0 0 0.2em blue;
}
45% {
color: blue;
text-decoration-color: blue;
text-shadow: 1px 1px 2px blue, 0 0 1em skyblue, 0 0 0.2em skyblue;
}
80% {
color: blueviolet;
text-decoration-color: blueviolet;
text-shadow: 1px 1px 2px blueviolet, 0 0 1em blue, 0 0 0.2em blue;
}
}
}