2020-12-01 Angular Full Screen Background

I need a full screen background at landing page in angular.
We need change these files:
- index.html
- styles.css

Files

index.html

<body class=bgimg-1>
<my-app>loading</my-app>
</body>

styles.css

/* Add application styles & imports to this file! */

.bgimg-1 {
  background-image: url("https://i.pinimg.com/originals/4e/47/f6/4e47f624ffeeec66be0c833f4bff5973.gif");
  height: 50%;
  width: 100%;
  position: relative;
  opacity: 0.85;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

Test Code

https://stackblitz.com/edit/angular-ivy-64vdde?file=src%2Findex.html

TAGS

53 person(s) visited this page until now.
Back