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; +}