Skip to content

Instantly share code, notes, and snippets.

@anad-zeal
Created August 27, 2018 21:38
Show Gist options
  • Save anad-zeal/360ab1953eaa9fddc8341e561a42bad7 to your computer and use it in GitHub Desktop.
Save anad-zeal/360ab1953eaa9fddc8341e561a42bad7 to your computer and use it in GitHub Desktop.
Tiling a large image
<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Backgrounds_and_Borders/Scaling_background_images -->
<div class="tiledBackground">
</div>
.tiledBackground {
background-image: url(https://mdn.mozillademos.org/files/8971/firefox_logo.png);
background-size: 150px;
width: 300px;
height: 300px;
border: 2px solid;
color: pink;
repeat: no-repeat;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment