CSS3 Related content

for different browsers

Transform: Translate (50px,100px);

-ms-transform: Translate (50px,100px);/* IE 9 */

-webkit-transform: Translate (50px,100px);/* Safari and Chrome */

-moz-transition: Translate (50px,100px);

Set animation

. Item-1-anniu a{display:block;width:265px;height:65px; Animation: btn linear 1s infinite alternate;}

@keyframes btn {

0% {opacity:0.6}

50% {opacity:0.8}

100% {opacity:1}

}

Text Shadow Box Shadow text-shadow:10px (distance left) 10px (distance below) 5px (sharpness) #888 (color), box-shadow:10px (distance left) 10px (distance below) 5px (sharpness) #888 (color); CSS Sprite Background:url (.. /images/item-titlte.png) 0px (0px for the top left corner of the composition picture is the starting point to the right translates to a negative value) -60px ( -60px represents a negative distance below y) no-repeat;

CSS3 Related content