Skip to content

@LeaVerou /dabblet.css
Created

Embed URL

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Learning CSS3
/**
* Learning CSS3
* border-image
*/
html {
min-height:100%;
background: white url(http://leaverou.github.com/chainvas/img/background.jpg);
}
section {
max-width: 20em;
padding: 3em;
margin: 4em auto;
border: 20px solid transparent;
-webkit-border-image: url(http://leaverou.github.com/chainvas/img/cloth.svg) 33.33% round;
-moz-border-image: url(http://leaverou.github.com/chainvas/img/cloth.png) 33.33% round;
-o-border-image: url(http://leaverou.github.com/chainvas/img/cloth.svg) 33.33% round;
border-image: url(http://leaverou.github.com/chainvas/img/cloth.svg) 33.33% round fill;
font: 100%/1.5 sans-serif;
text-shadow: 0 1px white;
}
h1 { margin-top: 0 }
<section>
<h1>Learning CSS3</h1>
<p>This is just some example content. Don’t even bother reading it, you will just waste your time.
Why do you keep reading? Do I have to use Lorem Ipsum to stop you from that?
Ok, here goes: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Still reading? Oh gosh, you’re impossible. I’ll stop here to save you from yourself.
</section>
{"view":"split-vertical","prefixfree":"","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.