css3 background image

Understanding Background-size in CSS3 (proportional scaling for responsive images)Read Catalogue Basic properties of Background-size Set a fixed width and height for the picture Fixed width 400px and height 200px-using background-size:400px 200px zoom settings Fixed width 400px and height

and horizontally no-repeat: Background image is uneven repeat-x: Background image is tiled horizontally only repeat-y: Background image is tiled vertically only use the instructions to set or retrieve the object's

1, CSS3 border: BORDER-RADIUS:CSS3 rounded border. It's tricky to add rounded rectangles in CSS2, we have to use different pictures for each fillet, in CSS3, it's very easy to create fillets, and in CSS3, the Border-radius property is used to create rounded corners. BORDER:2PX solid; BOX-SHADOW:CSS3 border Shadow. In

Web page Production WEBJX article introduction: css3.0 The adjustment and enhancement of background. (Note: Only the CSS3 to the background adjustment, the increased attributes of the translation)CSS3 for backgrounds to make some changes, the most obvious one is to adopt a multiple

CSS3 makes some modifications to the background. The most obvious one is to set multiple backgrounds. Not only are four new attributes added, but also the current attributes are adjusted and enhanced. 1. Multiple background images In css3, you can apply multiple background i

-gradients-firefox-36/*/-moz-linear-gradient ([ Notice that we put the gradient type--linear--in the attribute prefix. Where does the gradient start? (top– we can also use degrees, such as -45deg) The color of the start? (red) The color of the end? (blue) Color-stopsWhat if you don't need a 100% gradient from one color to another? This is the time for color stop to work. A common design technique is to use a shorter and finer gradient, such as:Note the light gray to whi

Here for you to use PS to a white background jpg image of a key-pull method, this method is only applicable to white background pictures. Using this method, you can easily and efficiently put some of the jpg material into the PNG format, such as the online download of hairpin jpg pictures, flowers jpg pictures and earrings jpg images. This method does not fit t

Use a video instead of a background image to create a cool web page. The background image is cool. CSS code (css3 required) Video {position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; min-height: 100%; min-width: 100%;-webkit-transform: translateX (-50%) tra

This image switching animation is only implemented by CSS3, and only css3 is used for switching the animation. Experience:Http://hovertree.com/texiao/css3/39/This is a graphic switching effect achieved using pure CSS3, without js scripts. You can click the left and right arr

1.background-originThere are 3 parameters in Background-origin: Border-box | Padding-box | Content-box;Border-box,padding-box,content-box from the border, or the padding (the default), or the content area to start displaying.Code Demo:"Utf-8"> class="Wrap"> class="content">contentThe inserted picture is placed locally:Effect(1) Padding-box(2) Content-box(3) Border-box2.