Adding ability to blur parallax; Overlay header; Discover Featured intro playlist

2017-05-26 09:04:58 +12:00
parent 89acad7822
commit d9b501cd51
10 changed files with 105 additions and 31 deletions
--- a/src/scss/components/_images.scss
+++ b/src/scss/components/_images.scss
@ -62,16 +62,26 @@
 	width: 100%;
 	overflow: hidden;
 	background: #111111;
+	position: relative;

 	canvas {
-		width: 100%;
-		height: 100%;
+		width: 110%;
+		height: 110%;
 		opacity: 0;
+		position: absolute;
+		top: -5%;
+		left: -5%;

 		&.loaded {
 			opacity: 0.4;
 		}
 	}
+
+	&.blur {
+		canvas {
+			filter: blur(15px);
+		}
+	}
 }

 .tiles {