首页 > Web开发 > 详细

css3相关内容

时间:2017-01-01 15:25:30      阅读:297      评论:0      收藏:0      [点我收藏+]

针对不同浏览器

技术分享

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!