how to make rainbow background in css

CSS (4): Background + deformation, css background Deformation Background-origin Set the original start position of the element background image. Make sure that the

not occupy a position(2) Insert the image of high semantics, can be indexed by the search engine, background map is low in semantics, can not be searched by the search engine(3) Inserting the picture is not easy to locate; The background map is easy to locate because of the Background-position property(4) The image can not be inserted into the sprite diagram,

format is as follows:Background: "Color" "image" "Position" "attachment" "Repeat"For example, the following declaration Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->Background-color:transparent;Background-image:url (image.jpg);background-position:50% 0;Background-a

generally used to adjust the opacity of background-color, color, box-shadow, and so on. Rgba is used in background-color. In a standard browser, the background is transparent and the text is not transparent: It is amazing that IE6 and some IE 7 kernel browsers (such as QQ browsers) will read rgba, and the color after resolution is transparent. In fact, it shou

file volume will be relatively little. Four, the size of the same CSS sprites picture left a large gap, to a certain extent, most of the situation will increase the volume, so the CSS sprites pictures do not have gaps. In the same size CSS sprites picture, the vertically arranged picture will be larger than the horizontally arranged file size. In

Deep understanding of CSS background and deep understanding of css* Directory [1] background color [2] background image [3] background tile [4] background positioning [5]

big background inside the element, and then usetransformTransform pseudo elements: div { background: linear-gradient(90deg, #ffc700 0%, #e91e1e 33%, #6f27b0 66%, #00ff88 100%); background-position: 100% 0; animation: bgSize 5s infinite ease-in-out alternate;}@keyframes bgSize { 0% { background-size

The CSS background attribute "Background" provides many attribute values, such as color, image, positioning, etc., which provides a great convenience for the definition of Web page background image. Look at the property values provided by background: Background:background-c

In our design to make some Web pages may use the translucent effect, first we may think of PNG image processing, of course, this is a good way, the only compatibility problem is IE6 under the bug, but this is not difficult, plus a section of JS processing on the line. But if we need a translucent mask of the pop-up layer, such as landing box, registration box, hints, etc., this may require the entire page to be covered by a translucent mask layer, the

Css-unit %-background-size-background-position-,(-1) Preface I am using chrome49. This article is for future preparation. The adjustment of importance and the overall graduation materials led to the recent absence of JQuery and H5 special effects, and later I had to watch them at night.(0) Preparation Div's length and width are both pxs. For example, we set 1.jpg

In our design to make some Web pages may use the translucent effect, first we may think of PNG image processing, of course, this is a good way, the only compatibility problem is IE6 under the bug, but this is not difficult, plus a section of JS processing on the line. But if we need a translucent mask of the pop-up layer, such as landing box, registration box, hints, etc., this may require the entire page to be covered by a translucent mask layer, the

The new development of technology, in addition to computers can be connected to the Internet, tablet computers, smartphones, smart TVs and other devices can access the Internet.In the multi-device age, building a multi-screen experience is not as difficult as it is heard. But does this also add to the difficulty of learning CSS? Do not know how to get started, only a bit of basic CSS grammar, in the mobile

CSS Basics Series Tutorial : Background PropertiesWww.divcss.comWe will give you the answer to the previous section's homework:1. H1. p1{}: Represents all selectors under the H1 tag with the class P1 ; 2, #content h1{} represents all h1 tags under content ;3, H1. P1,#content H1 side-by-side relationship, for class P1 and ID #content H1 effect with one effect;4. h1#content h2{} indicates that H1 under th

This technique has been widely used in front-end development of current pages. Even Yui sets it as the first criterion "make fewer HTTP requests" in "14 guidelines for improving webpage efficiency ", the importance of this technology is also the recommendation of Yui.This CSS technique has been widely promoted and applied. Let's take a look at the simplest Demo:This is the

left or right of the object. 3. If you set the background to be completely displayed again, set the image to be displayed wirelessly at the top, bottom, left, and right of the object. During webpage layout, we often set color and background images for the webpage background to achieve the desired aesthetic effect. In practice, we

CSS background image attribute background detailed parsing The CSS background attribute "Background" provides many attribute values, such as color, image, positioning, etc., which provides a great convenience for the definition o

The article may not be reproduced without consent. The following diagram needs (pictures from the network): For the above requirements, you can let the designer help the multiple cards to synthesize a picture, front-end only need to set a background on OK. However, if the designer only provides a number of separate poker pictures, how to set multiple background map on the same element. The routine

This article describes the PHP implementation of the CSS file background image download code. Share to everyone for your reference. The implementation methods are as follows: Download the CSS file inside the background picture is we these pirates for a long time to do things, download a

create text images, but this is unfriendly to search engines. To this end, a popular method is to use the background attribute to display text images and hide the text on them. This is friendly to search engines and screen readers, and allows you to see cool fonts in your browser. For example, write text information like this: If the text image is px wide and 75 PX high, we will use the following css code

-color cannot inherit, and its default value is transparent. Transparent has the meaning of "transparency". That is, if an element does not specify a background color, the background is transparent so that the background of its ancestor elements can be visible. 3. CSS background