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

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

时间:2017-07-22 22:39:11      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:html、css 、菜鸟求学

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

技术分享

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

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

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

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

技术分享

       

技术分享

技术分享

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

标签:html、css 、菜鸟求学

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

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