The image on the website slides with the description text effect

Website for the sake of beauty also for the information can be displayed in a region for more reasons, you can see a lot of graphic mixed effects.

(This target is the amount of information presented to the user on a per unit area)

For example, the mouse is placed on the picture, then the picture is flipped to the back, and the back is a picture of the introduction of information

For example, the mouse on the image, and then from the bottom of the image or either end of the corresponding information on the layer, the picture position unchanged

For example, the mouse is placed on the picture, and then the picture is moved immediately followed by the introduction of information display

This blog is about the third of the above mentioned, for example.

Image effects are shown below:

At first: Mouse up: The last is:

Principle:

Here a tag includes pictures and text, in fact, the picture and the text is a whole, it can be understood that a display in a fixed width of the container, from this container can see only 190*114 such a large area.

Popular point is to take a wooden frame framed a picture, put the wooden frame on the picture, you can only see the size of the frame of the picture of the area, you move up and down the picture, the wood frame position unchanged, in the wood frame of the painting area is not the same bar. This special effect is similar to this meaning.

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">