css3相关内容

针对不同浏览器

transform: translate(50px,100px);

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

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

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

设置动画

.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：10px（距离左边）10px（距离下边）5px（清晰度）#888（颜色）;

box-shadow：10px（距离左边）10px（距离下边）5px（清晰度）#888（颜色）;

css精灵

background:url(../images/item-titlte.png) 0px（0px代表合成图片的左上角为起点 往右平移为负值） -60px（-60px代表向y下面的距离为负值） no-repeat;