首页 > Web开发 > 详细

暑假菜鸟学记---html/css

时间:2017-07-22 22:16:03      阅读:287      评论:0      收藏:0      [点我收藏+]

今天学习的是如何使用div盒子模型做一个具有多边形旋转放大的一个基础特效页面。

技术分享

需求分析:1、多边形如何生成;使用css3中的transform属性对元素进行旋转

     2、使用background:rgba设置半透明属性

所遇到的问题:1、样式图片不能位于中间?解决方案采用自适应布局将top left right buttom都设置为零外边距margin设为auto。

       2、如何解决中间排列四个上下排列五个的问题。解决方案:div盒子的排列方式是一排排横向排满然后换行,这样的话排列应该是5 5 4 。解决方式在第六个盒子前面加上一定的像素宽度。这样中间一列就只能摆下四个盒子。

技术分享

       

技术分享

技术分享

暑假菜鸟学记---html/css

原文:http://10495848.blog.51cto.com/10485848/1950066

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