Search
 
SCRIPT & CODE EXAMPLE
 

CSS

How to keep same background-image ratio/size on all different screen sizes?

#background{
  background-image: url("../images/houses.png"); /* The image used */
  background-color: whitesmoke; /* Used if the image is unavailable */
  height: 500px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container*/
}
Comment

PREVIOUS NEXT
Code Example
Css :: scss examples 
Css :: box shadow example 
Css :: function for style your theme wordpress php 
Css :: css orientations 
Css :: svg as background css 
Css :: unhover animation 
Css :: truncate multiline text 
Css :: trim background image css 
Css :: css display 
Css :: background color for a page in css 
Css :: media quries 
Css :: variable in scss 
Css :: tailwindcss color change based on variable 
Css :: css animation 
Css :: ie showing close icon 
Css :: how to disable site anchor 
Css :: buttons have strange style iOS 
Css :: css play button on image 
Css :: what is display inline 
Css :: how to create polaroid effect in css 
Css :: Using a Python dict for a SQL INSERT statement 
Css :: CSS Grid Layout Module 
Css :: css absolute in absolute 
Css :: add title to slider 
Css :: twig currency name 
Css :: webpack alias not working in jest 
Css :: ngrok host header change 
Css :: vendor Prefixing 
Css :: css good border radius 
Css :: target element pseudo-classes 
ADD CONTENT
Topic
Content
Source link
Name
1+1 =