文章简介：css3模仿新浪微博主登陆页.
css3模仿新浪微博主登陆页-webjx.com
*{margin:0;padding:0px;}
body{background:#b1b1b1;font-family:Arial;font-size:14px;color:#202020;}
li{list-style:none;border-bottom:1px #333333 dashed;padding:5px;}
.tips{width:600px;margin:0 auto;line-height:24px;padding-top:10px;font-size:14px;}
.bredcolor{color:#fff;}
#sina_all{width:500px;height:300px;overflow:hidden;margin:0 auto;line-height:26px;}
.idcontent_chang{-webkit-animation:idcontent_height .7s linear,idcontent_opacity .5s linear .7s;}
@-webkit-keyframes idcontent_height{
0%{height:0px;opacity:0;}
100%{height:200px;height:52px;opacity:0;}
}
@-webkit-keyframes idcontent_opacity{
0%{opacity:0;}
100%{opacity:1;}
}
由于个人喜好只做safari实例。
css3小技巧:
这个案例其实最主要的是要把下面的数据移到上面，动画的变化过程是先变高在变透明度
今天的文章网页设计制作网站模板_用css设计网页的代码分享到此就结束了，感谢您的阅读。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/83538.html
