Skip to content

Instantly share code, notes, and snippets.



Forked from csssecrets/dabblet.css
Created Sep 14, 2017
What would you like to do?
Flexible background positioning
* Flexible background positioning
* via calc()
div {
background: url(
no-repeat bottom right #58a;
background-position: calc(100% - 20px) calc(100% - 10px);
/* Styling */
max-width: 10em;
min-height: 5em;
padding: 10px;
color: white;
font: 100%/1 sans-serif;
<div>Code Pirate</div>
// alert('Hello world!');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment