background-image and background-gradient

by LuckyCat

HTML

<div class="example3">example</div>

CSS

.example3 {
   display: block;
    margin: 1em auto;
    padding: 40px;
    width: 25%;
    background: url("http://www.heresonesolution.com/wp-content/uploads/2010/09/tmg10_GreenPlus.png") no-repeat 5px 50%, -webkit-linear-gradient(center top , #CBE3BA, #A6CC8B) repeat 0 0;
    background: url("http://www.heresonesolution.com/wp-content/uploads/2010/09/tmg10_GreenPlus.png") no-repeat 5px 50%, -moz-linear-gradient(center top , #CBE3BA, #A6CC8B) repeat 0 0;
    background: url("http://www.heresonesolution.com/wp-content/uploads/2010/09/tmg10_GreenPlus.png") no-repeat 5px 50%, linear-gradient(center top , #CBE3BA, #A6CC8B) repeat 0 0;
}