码迷,mamicode.com
首页 > Web开发 > 详细

css3相关内容

时间:2017-01-01 15:26:53      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:animation   技术分享   city   图片   net   精灵   for   url   height   

针对不同浏览器

技术分享

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相关内容

标签:animation   技术分享   city   图片   net   精灵   for   url   height   

原文地址:http://www.cnblogs.com/bkysgj/p/6241008.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!