Example url background in scss

maximegris · Apr 21, 2017 · 3705a35 · 3705a35
1 parent cea4be5
commit 3705a35
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -1,3 +1,4 @@
 <h1 class="title">
   {{title}}
 </h1>
+
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
@@ -1,3 +1,8 @@
 .title {
-  color: red;
+  color: black;
+  margin:0;
+  padding:50px 20px;
+  background: url(../assets/background.jpg) no-repeat center fixed;
+  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
+  background-size: cover; /* version standardisée */
 }
diff --git a/src/assets/background.jpg b/src/assets/background.jpg