• Follow us on Twitter
  • Join our Facebook Group
  • Join me on Google Plus
  • Add me on Linkedin
  • RSS
Welcome to Ontwerps close

  • Home
  • Over
  • Diensten
  • Portfolio
  • Blog
  • Contact

Blog

Multiple Backgrounds in CSS3

0 Comments/ in Blog, CSS / by ontwerps
maart 19, 2010 CSS3 lets you apply multiple backgrounds to an element using several properties. Included in this list of properties is background-image, background-repeat, background-position and background-size. In order to include these multiple backgrounds within a single element, you must specify the correct properties separated by commas.
body {
  background:
    url(../images/bottom-left.png) top right fixed no-repeat,
    url(../images/bottom-right.png) top left fixed no-repeat,
    url(../images/top-left.png) bottom left fixed no-repeat,
    url(../images/top-right.png) bottom right fixed no-repeat;
  background-color:#ffffff;
}

No related posts.

Tags: css3
← Text Shadow in CSS3
Logo’s and branding of social networking sites →
Related Posts
Gradients in CSS3
Multi-Column CSS3
CSS3 Hover Image
Box Shadow in CSS3
Comments

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Geef een reactie Reactie annuleren

Je e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *

*

*

De volgende HTML tags en attributen zijn toegestaan: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Categorieën

Tags

blackberry borders branding centos chrome cms color CSS css3 cycling debug font glyphs gradients hover HTML-HTML5 image import invoice iphone joomla jquery linux magento osx pattern photoshop scroll sql table Template textures twitter vcard Wordpress-CMS
© Copyright2012 - Design by ontwerps