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