Skip to content

Instantly share code, notes, and snippets.

@alexpelan
Created October 30, 2016 21:34
Show Gist options
  • Select an option

  • Save alexpelan/4c098bac2fdf12cffa3e90683f048a41 to your computer and use it in GitHub Desktop.

Select an option

Save alexpelan/4c098bac2fdf12cffa3e90683f048a41 to your computer and use it in GitHub Desktop.
Exported from Popcode. Click to import: https://popcode.org/?gist=4c098bac2fdf12cffa3e90683f048a41
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<img class="top-left" src="http://images.m-magazine.com/uploads/photos/file/11077/banana-dog-pet-halloween-costume.jpg?crop=top&fit=clip&h=500&w=698">
<img class="top-right" src="http://degezgk5cgqun.cloudfront.net/wp-content/uploads/2016/07/1-19.jpg">
<img class="bottom-right" src="http://boredomtherapy.com/wp-content/uploads/2014/10/3-dog-cookie-monster-costume.png">
<img class="bottom-left" src="https://cdn.shopify.com/s/files/1/1173/7284/products/Turkey-Dog-Costume-Australian-Shepherd_pu_4315ba33-eefd-4699-9859-9d9e3e913c26_large.jpeg?v=1462903471">
</body>
</html>
img {
height: 200px;
background-color: tan;
border-width: 30px;
border-style: inset;
border-image: url("//s3-us-west-2.amazonaws.com/s.cdpn.io/4273/frame.png") 93 92 87 92 stretch stretch;
outline: 1px solid black
}
.top-left {
position: absolute;
top: 0;
left: 0;
}
.top-right {
position: absolute;
top: 0;
right: 0;
}
.bottom-left {
position: absolute;
bottom: 0;
left: 0;
}
.bottom-right {
position: absolute;
bottom: 0;
right: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment