之前写css圆形时总是直接设置border-radius为50%。后来看某css动画网站时发现作者都是用的100%。遂去了解了一下2者的差别。 border-radius的值是百分比的话，就相当于盒子的宽度和高度的百分比。我们知道在一个正方形内做一个面积最大的圆形，这个圆的半径就为正方形边长的一半。 ...
分类：
其他好文 时间：
2017-04-30 21:25:58
阅读次数：
327
之前写css圆形时总是直接设置border-radius为50%。后来看某css动画网站时发现作者都是用的100%。遂去了解了一下2者的差别。 border-radius的值是百分比的话，就相当于盒子的宽度和高度的百分比。我们知道在一个正方形内做一个面积最大的圆形，这个圆的半径就为正方形边长的一半。 ...
分类：
其他好文 时间：
2016-08-28 16:25:21
阅读次数：
121
背景：因为看到很多页面有下图的效果，点击红线框部分，则页面滑动到另一个位置，查看页面的源码发现红线框部分是用CSS的圆角边框实现的，于是......上代码 实现效果关于滑动利用jQuery的动画效果实现，script脚本中的scrollToTarget方法可以实...
分类：
Web程序 时间：
2015-06-02 19:49:12
阅读次数：
208
语法border-radius:length|percentage {1,4}
length : 用长度值设置对象的圆角半径长度。不允许负值
percentage : 用百分比设置对象的圆角半径长度。不允许负值
{1,4}是说该属性支持1~4参数值;
参数解释
一个参数:
所有半径相等,顺时针,自左上角到左下角
两个参数:对角相等.第一个参数:左上角=右下角;
第二个参数:右上角=左下角
三个参数...
分类：
Web程序 时间：
2015-05-15 19:56:51
阅读次数：
199
圆形头像的制作原理就是在头像上覆盖一张透明的图片，把四个角颜色设置成页面的背景颜色，中间透明。这里需要注意的是需要把图片保存成24位的png，虽然IE6支持8位的png的透明，但是8位的png做透明圆弧图片存在效果上的问题，就是存在白色的杂边或锯齿。24位的png或32位的png的圆弧透明（半透明）...
分类：
Web程序 时间：
2014-11-05 12:34:26
阅读次数：
224
