摘要：
transform-origin：改变原点中心位置 transform-origin是变形原点，也就是该元素围绕着那个点变形或旋转，transform-origin并不是transform中的属性值，他具有自己的语法。但是该属性只有在设置了transform属性的时候才能起作用。 默认情况，变形的原 阅读全文
posted @ 2016-12-21 00:37
Koidt
阅读(888)
评论(0)
推荐(0)
摘要：
星形： 五角星： 五边形： 六边形： 八边形： 心形： 梯形： 阅读全文
posted @ 2016-12-20 23:24
Koidt
阅读(260)
评论(0)
推荐(0)
摘要：
六边形思路：使用CSS3绘制六边形主要使用伪类:before和:after在源元素之前和之后再绘制两个元素，并利用css3的边框样式，将这两个元素变成三角形放置在源元素的两端即可。 阅读全文
posted @ 2016-12-20 22:23
Koidt
阅读(5058)
评论(0)
推荐(0)
摘要：
border-radius:3px; 参数的单位可以使绝对的像素px，也可以用相对单位%; 参数顺序是左上角，右上角，右下角，左下角. 圆角： 不同设置： 过渡效果： 阅读全文
posted @ 2016-12-20 21:02
Koidt
阅读(234)
评论(0)
推荐(0)
摘要：
将div的宽和高设置为0；利用border-width、border-style、border-color属性绘制不同位置边框的样式。将不需要展示的三角颜色填充为transparent透明即可，就能得到某一部分三角。 （左下） （左上） （右上） （右下） 阅读全文
posted @ 2016-12-20 16:45
Koidt
阅读(394)
评论(0)
推荐(0)
摘要：
easyui包详解： 文件夹： demo——该目录下存放的是 EasyUI PC 版各插件的示例示例。如果不想在官网上查看演示，可以在该目录下找到相应的演示示例 demo-mobile——该目录下存放的是 EasyUI 移动版各插件的示例 locale——本地化文件，即语言库。主要用于如 DataG 阅读全文
posted @ 2016-12-18 17:40
Koidt
阅读(3940)
评论(0)
推荐(1)
摘要：
栅格 之前简单模板中有个宽/高150px的canvas元素。如下图所示，canvas元素默认被网格所覆盖。通常来说网格中的一个单元相当于canvas元素中的一像素。栅格的起点为左上角（坐标为（0,0））。所有元素的位置都相对于原点定位。所以图中蓝色方形左上角的坐标为距离左边（Y轴）x像素，距离上边（ 阅读全文
posted @ 2016-12-11 22:20
Koidt
阅读(1010)
评论(0)
推荐(0)
摘要：
canvas没有设置宽度和高度的时候，会初始化宽度：300像素和高度：150像素。可以使用CSS来定义大小，但在绘制时图像会伸缩以适应它的框架尺寸：如果CSS的尺寸与初始画布的比例不一致，它会出现扭曲。 如果你绘制出来的图像是扭曲的, 尝试在<canvas>的属性中明确规定宽和高，而不是使用CSS。 阅读全文
posted @ 2016-12-11 20:57
Koidt
阅读(1081)
评论(0)
推荐(0)
摘要：
CSS Sprites在国内很多人叫css 精灵，是一种网页图片应用处理方式。就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background 阅读全文
posted @ 2016-11-30 13:43
Koidt
阅读(230)
评论(0)
推荐(0)
摘要：
添加属性 :focus{outline:none} 就可以去掉默认点击时，边框会出现的蓝色边框。 :focus 选择器用于选取获得焦点的元素。提示：接收键盘事件或其他用户输入的元素都允许 :focus 选择器。 不想点击时每次都要设置的话，最好在默认样式中就设置： 用 :focus 实现外部边框改变 阅读全文
posted @ 2016-11-16 23:03
Koidt
阅读(20803)
评论(0)
推荐(1)
浙公网安备 33010602011771号