郑州网站优化

,郑州seo,郑州百度优化,郑州网络推广,选择路普科技,10年为企业网站优化助力!


您当前位置:首页 > SEO技巧 > 网站建设知识 >

做网站常用css3图片动画代码

发布时间:2018-04-14 标签: 浏览量:

电脑版在手机上显示不对齐

解决方法:

因为,每个横向层的宽度不同,所以对不起,在每个容器Z外层加入样式 nb class,简称牛B代码

@media screen and (max-width: 1200px) {

   .nb{width:1200px; overflow:hidden}

}

图片鼠标上去旋转360度的css3特效

a img{

    -webkit-transition: 0.4s;

    -webkit-transition: -webkit-transform 0.4s ease-out;

    transition: transform 0.4s ease-out;

    -moz-transition: -moz-transform 0.4s ease-out;

}

a:hover img{ 

transform: rotateY(360deg);

-webkit-transform: rotateY(360deg);

-moz-transform: rotateY(360deg);

}

鼠标放上去有阴影效果,位置偏移效果

li a:hover{

-moz-box-shadow:0px 0px 20px #2f566d; 

-webkit-box-shadow:0px 0px 20px #2f566d; 

box-shadow:0px 0px 20px #2f566d;

/*0 x y -5px translate 位置移动*/

transform: translate(0,-5px);

-webkit-transform: translate(0,-5px);

-moz-transform: translate(0,-5px);

-o-transform: translate(0,-5px);

-ms-transform: translate(0,-5px);    

}       

 css3渐变特效

 a{transition: all 0.3s ease 0s}

 css3透明效果

 opacity:0.8;filter:alpha(opacity=80); 

初始化css样式

 body{

margin: 0 auto;

*margin:0px;

padding: 0px;

font-size: 12px;

line-height: 22px;

font-family:Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;

background:#152b38;

 }

ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,img,div{margin:0px;padding:0px;border:0px;}

table,td{margin:0px;padding:0px;}

ul,li{padding:0px; margin:0px;}

ul,ol{list-style-type:none;}

li{ list-style-type:none; }

img{ border:none;}

a{ color:#000; text-decoration:none;}

a:hover{color:#bb0000; text-decoration:none;}

a.hong{ color:red; text-decoration:none;}

a.hong:hover{color:#C60;text-decoration:underline;}

.clear{clear:both;}

 

郑州做网站,做网站优化,欢迎选择路普科技!

            


版权声明:本站文章,由 郑州路普科技整理发表(信息来自互联网,不代表本站观点),如有冒犯请联系删除
网页标签:

服务城市
欢迎致电或者QQ咨询路普公司,我们专注企业网站优化服务!
提供网站优化、关键词排名、企业网站优化、SEO整站优化、站内站外优化等网站优化服务!

电话:0371-87535353
地址:郑州市花园路59号21世纪新楼中楼1#8001 豫ICP备10210721号-4
郑州网站优化,郑州网站优化公司,郑州关键词优化,郑州关键词排名,郑州百度优化专业的网络公司,助力企业快速提升目标客户转化率