LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
CSS
body {
  margin: 0; padding: 0;
  background-color: #2e76a7;  
  background-image:  
    linear-gradient(
      #2e76a7, #3889c1
    );
}


.content{
/*   JPG */
/*   background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/182276/login-bg.jpg");    */

/* WebP   */
  
/*   background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/182276/login-bg-alpha.webp");   */
  
/*   background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/182276/login-bg.webp"); */

/* PNG   */
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/182276/login-bg.png");
  
  background-size: auto;  
  background-repeat: no-repeat;  
  width: 100vw;
  height: 100vh;
  
}

/* -------------Retina---------------- */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min--moz-device-pixel-ratio: 1.25),
only screen and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{
	
    .content{
      
  background-image: 
    url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/182276/login-bg-x2.jpg")
    ;
      
  
  /*targeting Chrome*/
/*   @supports (background-image: -webkit-image-set(url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/182276/cruise.jpg") 1x)) {
      background-image: -webkit-image-set(url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/182276/cruise.jpg") 1x)
    } 
       */
  
/*   background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/182276/login-bg-x2.webp"); */
  
/*   background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/182276/login-bg-x2.png"); */
      
    background-size: 638px 522px;      
    background-repeat: no-repeat;  
    width: 100vw;
    height: 100vh;

  }
}
  
}
Host Instantly Drag and Drop Website Builder

 

Term
Sat, 04/14/2018 - 20:37

Related Codes

Pen ID
Pen ID
Pen ID