CSS3 Multi Background

0 3133

CSS3 Multi background property is used to add one or more images at a time without HTML code.

Example:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.multi-background{
background-image: url(IMAGE PATH), url(IMAGE PATH);
background-position:left top, right bottom;
background-repeat: no-repeat, no-repeat;
width:621px;
height:358px;
background-color:#cccccc;
border:1px outset #ddd;
}
</style>
</head>
<body>

<div class="multi-background"> </div>
</body>

</html>

Result: