操作说明 关于博客目录自动生成,已经封装成catalog.js文件,只要引用该文件即可 如下图所示,打开HTML源代码编辑器,在最后引入js即可 【功能简要说明】 1、点击目录项,对应章节标题将显示在可视区上方 2、滚动滚轮,目录项会对应章节标题的变化而相应地变化 3、点击目录右上角的关闭按钮,可以 ...
分类:
其他好文 时间:
2016-12-10 00:31:06
阅读次数:
252
目录 一、阴影 1.1、文字阴影 1.2、盒子阴影 二、背景 2.1、背景图像尺寸 2.2、背景图像显示的原点 三、伪元素 3.1、before 3.2、after 3.3、清除浮动 四、圆角与边框 4.1、border-radius 圆角 4.2、边框图片border-image 五、变形 tra ...
分类:
Web程序 时间:
2016-12-09 16:19:03
阅读次数:
505
1、border-radius 基本上很多人都是这么用的: .div { border-radius: 4px; } 稍微高端一点 .div { border-radius: 4px 6px 6px 4px; } 终极黑科技是这样用的 .div { border-radius: 10px 10px ...
分类:
Web程序 时间:
2016-12-09 08:28:45
阅读次数:
155
Linux升级命令有两个分别是yum upgrade和yum update, 这个两个命令是有区别的:代码如下:yum -y update升级所有包同时也升级软件和系统内核代码如下:yum -y upgrade只升级所有包,不升级软件和系统内核实验分别测试 yum -y upgrade和yum -y ...
分类:
其他好文 时间:
2016-12-08 20:55:18
阅读次数:
266
前缀 -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