When you're using multiple CSS background images, you can apply different background-repeat property values to individual images by using a comma separated value, for example, like so:
background-image: url(1.jpg), url(2.jpg), url(3.jpg); background-repeat: repeat, no-repeat, repeat-x;
The background-repeat property values are applied to images from left to right. So, in the example above, it would be as follows:
background-repeat: repeatwill be applied to1.jpg;background-repeat: no-repeatwill be applied to2.jpg;background-repeat: repeat-xwill be applied to3.jpg;
This post was published by Daniyal Hamid. Daniyal currently works as the Head of Engineering in Germany and has 20+ years of experience in software engineering, design and marketing. Please show your love and support by sharing this post.