用css实现一个空心圆，并始终放置在浏览器窗口左下角 div{ position:fixed; bottom:0; left:0; width:100px; height:100px; border:2px solid #000; border-radius:100px;} 如何让圆水平，垂直居中 ...
分类：
Web程序 时间：
2016-09-05 19:08:27
阅读次数：
1032
text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor ...
分类：
Web程序 时间：
2016-09-02 11:34:53
阅读次数：
198
1.属性解析 border-radius是css3属性，他可以使div的角进行一定程度的弯曲。 比如说下面这个width和height的正方形div 经过设置border-radius之后四个角会出现弯曲 当然我们可以针对某个角进行单独的设置 2.使用场景 而在网页开发中，我们会遇到很多种需要使用圆 ...
分类：
其他好文 时间：
2016-09-01 16:10:31
阅读次数：
107
大家好才是真的好 据说要凑够150字，才能发表？ <script> $(document).ready(function(){ $(window).scroll(function(){ var cur = $(window).scrollTop(); //div position and next ...
分类：
其他好文 时间：
2016-08-31 22:21:17
阅读次数：
165
之前写css圆形时总是直接设置border-radius为50%。后来看某css动画网站时发现作者都是用的100%。遂去了解了一下2者的差别。 border-radius的值是百分比的话，就相当于盒子的宽度和高度的百分比。我们知道在一个正方形内做一个面积最大的圆形，这个圆的半径就为正方形边长的一半。 ...
分类：
其他好文 时间：
2016-08-28 16:25:21
阅读次数：
121
.active{ margin: 0.37rem 0;//边框粗细及颜色 border: 2px solid #00ffff;//圆角矩形 border-radius: 5px;//位置及晕染大小 box-shadow: 0 0 15px #00ffff; //兼容性 -webkit-box-sha ...
分类：
其他好文 时间：
2016-08-24 11:09:58
阅读次数：
111
圆角：用border-radius：10px 半径为10px的圆弧；正方形中，半径为宽的一半即是圆 position相对定位与绝对定位 相对定位：position：relative相对自己原本位置来移动的。且移动之后其他的元素不能占用你原来的位置.比如相对自己的顶top移动多少像素；相对自己原本位置 ...
分类：
其他好文 时间：
2016-08-24 06:32:06
阅读次数：
201
// A simple blur shader, weighted on alphauniform sampler2D texture;void main(){ float radius = 0.01; vec4 accum = vec4(0.0); vec4 normal = vec4(0.0); ...
分类：
其他好文 时间：
2016-08-23 01:22:16
阅读次数：
150
最近总结了一些有关于html5和css3的一些常见面试题，希望对正在找工作的你有所帮助。 还有欢迎大家补充~~~ 一、HTML5 CSS3 1. CSS3实现圆角（border-radius），阴影（box-shadow）， 2. 对文字加特效（text-shadow、），线性渐变（gradient ...
分类：
Web程序 时间：
2016-08-22 23:13:02
阅读次数：
488
1. css3 box-shadow CSS3的box-shadow属性可以让我们轻松实现图层阴影效果 box-shadow: inset(可选 默认没有) x-offset y-offset blur-radius spread-radius color 投影方式 X轴偏移量 Y轴偏移量 阴影模糊 ...
分类：
Web程序 时间：
2016-08-21 22:52:45
阅读次数：
1185
