首页 > 代码库 > css3相关内容

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;

css3相关内容