Skip to content

Instantly share code, notes, and snippets.

@tomatohammado

tomatohammado/kramer_splash_background.css

Last active January 28, 2016 02:47
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save tomatohammado/c10b0e4132020b6c723b to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save tomatohammado/c10b0e4132020b6c723b to your computer and use it in GitHub Desktop.
Download ZIP
[via](kramers.com) the four corner background image trick is slick
Raw
kramer_splash_background.css
.animate-area {
background-color: #fff;
background-image: url(../images/bookstore-layer-1.jpg), url(../images/cafe-layer-2.png), url(../images/cafe-layer-1.png), url(../images/bookstore-layer-2.jpg);
background-position: bottom left, top right, bottom right, top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-size: 40%, 40%, 40%, 55%;
height: 100vh;
width: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment