Background Image trial

by dhavaljani

HTML

<div class="bg">
  <div class="login">

  </div>
</div>

CSS

div.bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url("https://cdn.moneycrashers.com/wp-content/uploads/2011/07/happy-delighted-man-pointing-tablet-screen.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  transform: scaleX(-1);
  filter: FlipH;
}

.login {
  background: #fff;
  width: 400px;
  height: 400px;
  margin-top: 80px;
  margin-left: 50px;
  float: left;
}