Flexible background positioning
/** | |
* Flexible background positioning | |
* via calc() | |
*/ | |
div { | |
background: url(http://csssecrets.io/images/code-pirate.svg) | |
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!'); |
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment