-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; ...
分类:
其他好文 时间:
2016-12-19 14:24:46
阅读次数:
121
一、自适应椭圆 * border-radius特性: * 可以单独指定水平和垂直半径,并且值可以是百分比,用/(斜杠)分隔这两个值即可(可以实现自适应宽度椭圆)。 * 还可以单独指定四个角度不同的水平和垂直半径(可以实现半椭圆) * 四分之一椭圆,主要是调整水平和垂直的半径* 示例代码: .wrap ...
分类:
Web程序 时间:
2016-12-19 11:04:43
阅读次数:
212
原生JS面向对象思想封装轮播图组件 在前端页面开发过程中,页面中的轮播图特效很常见,因此我就想封装一个自己的原生JS的轮播图组件。有了这个需求就开始着手准备了,代码当然是以简洁为目标,轮播图的各个功能实现都分别分为不同的模块。目前我封装的这个版本还不适配移动端,只适配PC端。 主要的功能有:自动轮播 ...
分类:
Web程序 时间:
2016-12-17 19:28:45
阅读次数:
696
一、圆角属性:border-radius属性 4个值: 第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角 3个值: 第一个值为左上角, 第二个值为右上角和左下角,第三个值为右下角 2个值: 第一个值为左上角与右下角,第二个值为右上角与左下角 1个值: 四个圆角值相同 borde ...
分类:
其他好文 时间:
2016-12-16 19:21:43
阅读次数:
218
虽然css3的border-radius实现圆角很简单,但是我还是认为css2.1中好多技术还是很值得学习的,我也是后来才知道这就是传说中的滑动门技术。脑洞大开啊 附上demo 我觉得我写的注释只有我自己能看懂,哈哈哈哈,这个案例的图片设计的很有技巧,一般人真想不到,可通过审查元查看图片的样子,演示 ...
分类:
Web程序 时间:
2016-12-15 17:50:01
阅读次数:
246
3.4 CSS3圆角边框属性 在web页面上圆角效果很常见。圆角给页面增添曲线之美,让页面不那么生硬,但是为了设计圆角效果。 3.4.1 broder-radius 属性的语法及参数 语法: border-radius是一种缩写方法。如果“/”前后的值都存在,那么“/”前面的值设置其水平半径,“/” ...
分类:
Web程序 时间:
2016-12-13 07:10:35
阅读次数:
218
新用到的样式相关源码: .ui.menu.fixed { position: fixed; z-index: 101; margin: 0em; width: 100%;} .ui.text.menu { background: none transparent; border-radius: 0p ...
分类:
其他好文 时间:
2016-12-13 06:24:36
阅读次数:
178
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>鼠标跟随一串效果</title> <style type="text/css"> div{ width: 30px; height: 30px; background: #00800 ...
分类:
编程语言 时间:
2016-12-12 23:31:10
阅读次数:
272
1196: 汪老司机 Time Limit: 1000 MS Memory Limit: 257792 KB 64-bit interger IO format: %lld Java class name: Main Submit Discuss 汪老司机是实验室出了名的老司机,早在大一就拿到了驾照 ...
分类:
其他好文 时间:
2016-12-12 01:39:44
阅读次数:
243