前缀 -moz(例如 -moz-border-radius)用于Firefox -webkit(例如:-webkit-border-radius)用于Safari和Chrome。 例1 <div id="round"></div> #round { padding:10px; width:300px ...
分类:
Web程序 时间:
2016-12-08 18:43:29
阅读次数:
240
复制自:http://www.cnblogs.com/ssrsblogs/p/5611332.html 创建模型: new THREE.CylinderGeometry(2, 2, 4, 18, 3)创建一个顶面与底面半径都为2,高度为4的圆柱体 radius是半径; detail是细节层次(Lev ...
分类:
Web程序 时间:
2016-12-08 17:57:09
阅读次数:
254
一、自适应椭圆 * border-radius特性: * 可以单独指定水平和垂直半径,并且值可以是百分比,用/(斜杠)分隔这两个值即可(可以实现自适应宽度椭圆)。 * 还可以单独指定四个角度不同的水平和垂直半径(可以实现半椭圆) * 四分之一椭圆,主要是调整水平和垂直的半径* 示例代码: 二、平形四 ...
分类:
Web程序 时间:
2016-12-08 09:48:26
阅读次数:
292
刚学了js的一些函数,所以做了一个太极的旋转。做完之后是上面这个样子的,是可以旋转的。 思路: 1.先做一个基准转盘,之后将元素都放在转盘上,跟随转盘动。 2.画两个半圆,主要属性是border-top-right-radius: 250px; 像素值为长边的一半。 3.然后画4个圆,以基准转盘为父 ...
分类:
Web程序 时间:
2016-12-08 02:53:15
阅读次数:
303
css3边框: border-radius: 属性,添加像素,可以使边框角变圆,50px的边框为半圆形,50%则会变成一个椭圆形。 box-shadow: 属性,添加像素,颜色,例; <div style="width:100px; height:50px; box-shadow:30px 0px ...
分类:
Web程序 时间:
2016-12-07 20:21:34
阅读次数:
286
.<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> #wrap{ width: 580px; height: 580px; border-radius: 50% ...
分类:
Web程序 时间:
2016-12-06 14:18:12
阅读次数:
359
border-radius 属性ie8+才支持,ie7 ie8 下的圆角就可以使用border进行模拟;(移动端都支持) 我们平常使用border-style一般都是solid实线,其他常用的还有dashed以及dotted,我们这里的主角就是dotted点,在IE浏览器下,dotted点是被渲染成 ...
分类:
其他好文 时间:
2016-12-06 13:35:59
阅读次数:
267
我发现轮播在很多网站里面都用到过,一个绚丽的轮播可以为网页增色不少,最近闲来无事,也用原生js封装了一个轮播,可能不像网上的插件那么炫,但是也有用心去做。主要用了闭包的思想。需要传递的参数有:图片地址的数组,图片宽度,上一页,下一页的id,图片列表即ul的id(这儿使用无序列表排列的图片),自动轮播 ...
分类:
Web程序 时间:
2016-12-06 02:06:45
阅读次数:
303
三种方法 第一种:比较简单,性能比较低 /** * 通过调用系统高斯模糊api的方法模糊 * * @param bitmap source bitmap * @param radius 0 < radius <= 25 * @param context context * @return out b ...
分类:
移动开发 时间:
2016-12-05 22:28:45
阅读次数:
231
MainWindow.xaml App.xaml MainWindow.xaml.cs(为了能够实现窗口拖动,需要实现MouseLeftButtonDown事件) 结果: ...