From 22ab71170b5b2d2ea59b1a5fc5ee729be0c65e58 Mon Sep 17 00:00:00 2001 From: Alvie Rahman Date: Thu, 14 Apr 2022 16:02:23 +0100 Subject: [PATCH] add soft_media module --- modules/readmes/soft_media.txt | 6 ++++++ modules/soft_media.css | 7 +++++++ 2 files changed, 13 insertions(+) create mode 100644 modules/readmes/soft_media.txt create mode 100644 modules/soft_media.css diff --git a/modules/readmes/soft_media.txt b/modules/readmes/soft_media.txt new file mode 100644 index 0000000..91bdd91 --- /dev/null +++ b/modules/readmes/soft_media.txt @@ -0,0 +1,6 @@ +in the css + + @import url("https://styles.alv.cx/modules/soft_media.css"); + +this module makes reduces the opacity of all images to give the webpage a softer look, +even when in light mode (this is default behaviour in dark mode). diff --git a/modules/soft_media.css b/modules/soft_media.css new file mode 100644 index 0000000..f0edf32 --- /dev/null +++ b/modules/soft_media.css @@ -0,0 +1,7 @@ +img, video { + opacity: .75; + transition: opacity .5s ease-in-out; +} +img:hover, video:hover { + opacity: 1; +}