Avoid image repeating in CSS – Sibeesh Passion https://sibeeshpassion.com My passion towards life Fri, 14 Aug 2015 08:46:02 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 /wp-content/uploads/2017/04/Sibeesh_Passion_Logo_Small.png Avoid image repeating in CSS – Sibeesh Passion https://sibeeshpassion.com 32 32 Make Image Fit To The Screen https://sibeeshpassion.com/make-image-fit-to-the-screen/ https://sibeeshpassion.com/make-image-fit-to-the-screen/#disqus_thread Fri, 14 Aug 2015 08:46:02 +0000 http://sibeecst_passion.com/?p=9511 In this code, we will see how we can set an image to fit the screen completely. By doing this we can make sure that there is repeating of images in the background.

Using The Code

Here I am setting the image to the body tag.

[css]
#body {
background: url("http://sibeeshpassion.com/content/images/indian%20flag%20banner.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
[/css]

Please see other code snippets here: Code-Snippets

Kindest Regards
Sibeesh Venu

]]> https://sibeeshpassion.com/make-image-fit-to-the-screen/feed/ 0