diff --git a/mods/disk/README.md b/mods/disk/README.md new file mode 100644 index 0000000..a5c5bd5 --- /dev/null +++ b/mods/disk/README.md @@ -0,0 +1,10 @@ +# Disk animation + +### Author: [SuperZombi](https://github.com/SuperZombi) + + + +### Installation: +1. Download [disk.css](disk.css) +2. Create a `mods` folder next to the `melody-monitor.exe` +3. Move `disk.css` to `mods` folder. diff --git a/mods/disk.css b/mods/disk/disk.css similarity index 96% rename from mods/disk.css rename to mods/disk/disk.css index 6f2077a..bb9df3b 100644 --- a/mods/disk.css +++ b/mods/disk/disk.css @@ -1,18 +1,18 @@ -/* - Author: SuperZombi -*/ -.track-image { - border-radius: 50%; - mask-image: radial-gradient(circle, transparent 15%, black 15%); - mask: radial-gradient(circle, transparent 15%, black 15%); - -webkit-mask: radial-gradient(circle, transparent 15%, black 15%); - animation: rotate 10s linear infinite; -} -@keyframes rotate { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} +/* + Author: SuperZombi +*/ +.track-image { + border-radius: 50%; + mask-image: radial-gradient(circle, transparent 15%, black 15%); + mask: radial-gradient(circle, transparent 15%, black 15%); + -webkit-mask: radial-gradient(circle, transparent 15%, black 15%); + animation: rotate 10s linear infinite; +} +@keyframes rotate { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} diff --git a/mods/disk/disk_animation.gif b/mods/disk/disk_animation.gif new file mode 100644 index 0000000..1e8c97b Binary files /dev/null and b/mods/disk/disk_animation.gif differ