transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
分类：
编程语言 时间：
2017-10-12 14:58:37
阅读次数：
259
text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及，这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor ...
分类：
Web程序 时间：
2017-10-11 16:56:12
阅读次数：
155
这用用的好处了，无论是块级元素还是行内元素，都可以进行垂直居中， transform意思是变形，是css3的内容 注意，这只是垂直居中，如果是上下左右居中，还需要加个width与margin:atuo 想看详细信息，可看出处：http://www.webhek.com/post/translatey ...
分类：
Web程序 时间：
2017-10-11 13:05:27
阅读次数：
236
思路：子元素绝对定位，距离顶部 50%，左边50%，然后使用css3 transform:translate(-50%; -50%)优点：高大上,可以在webkit内核的浏览器中使用缺点：不支持IE9以下不支持transform属性 ...
分类：
Web程序 时间：
2017-10-10 20:34:36
阅读次数：
177
当前位置：懒人建站 > div+css > css教程 > 响应式布局简明示例，响应式布局最好同时也是自适应布局，然后再配合css3媒体查询，来达到完美的响应式布局。 响应式布局简明示例，响应式布局最好同时也是自适应布局，然后再配合css3媒体查询，来达到完美的响应式布局。css3的媒体查询ie9一 ...
分类：
其他好文 时间：
2017-10-10 13:00:38
阅读次数：
120
CSS3的calc() calc()对大家来说，或许很陌生，不太会相信calc()是css中的部分。因为看其外表像个函数，既然是函数为何又出现在CSS中呢？这一点也让我百思不得其解，今天有一同事告诉我，说CSS3中有一个属性能实现自适应的布局，首先让我想到的是box-sizing，但跟我说还可以计算 ...
分类：
Web程序 时间：
2017-10-10 11:28:31
阅读次数：
183
boreder-radio属性是css3的新增属性，可以设置圆角的边框。 <head> <style type="text/css"> *{ margin: 0; padding: 0; } .roundedCorner{ width:100px;/*宽*/ height: 100px;/*高*/ ...
分类：
其他好文 时间：
2017-09-30 13:21:15
阅读次数：
494
今天被微信启动页刷屏了。 一直还以为启动页背景显示的月球的。今天才了解到这么有含义。 我也蹭一下微信的热度，做一个HTML+CSS版本的。 用CSS画地球太困难了，来个简单点的，天王星版。 主要使用到css3的渐变，阴影，圆角等属性 演示地址： http://suohb.com/work/weixi ...
分类：
微信 时间：
2017-09-27 00:43:19
阅读次数：
282
方法一：使用绝对定位 大家都知道margin:0 auto;能够实现水平居中，但却不知道margin:0 auto;也是可以实现垂直居中的； 给居中元素添加如下样式： 缺点：内容容易溢出，建议使用overflow:auto; 方法二：负margin方法 给居中的div设置样式： 方法三：css3的 ...
分类：
Web程序 时间：
2017-09-25 13:25:42
阅读次数：
207
利用bootstrap框架的字体图标和下拉菜单效果，以及css3的动画效果，可以做出比较优雅的按钮式下拉菜单样式 ...
分类：
Web程序 时间：
2017-09-23 12:21:08
阅读次数：
226
