CSS3 Multi Background

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(http://ontimeitsolution.com/wp-content/uploads/2015/10/onTime-IT-Solution-Blog-New.gif), url(http://ontimeitsolution.com/wp-content/uploads/2015/10/HTML-tags-9-oct.-2015.jpg);
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:

css3-multiplebackgroud




Leave a Reply

avatar
  Subscribe  
Notify of