initial: support lqip and responsive image rendering/resizing

2021-09-18 11:20:39 +02:00
commit 3cfc4e6945
21 changed files with 380 additions and 0 deletions
@@ -0,0 +1,20 @@
+/* Hides images to be loaded with JS when it is disabled */
+.no-js img.lazyload {
+  display: none;
+}
+
+/* Hides broken image icon which may shortly be disaplayed on load */
+img.lazyload:not([src]) {
+	visibility: hidden;
+}
+
+/* Simple blur-up animation */
+.blur-up {
+  -webkit-filter: blur(3px);
+  filter: blur(3px);
+  transition: filter 500ms, -webkit-filter 500ms;
+}
+.blur-up.lazyloaded {
+  -webkit-filter: blur(0);
+  filter: blur(0);
+}