今天看到一个同事写的着重号图标，我以为是图片，仔细一看，是span标签！哇！！学习一下哈哈 图标长这样： CSS代码： 页面这样写： 这里用到一个CSS3的新属性 border-radius w3school对border-radius的介绍： 还很贴心的提示了可以为元素添加圆角边框！ 以下源于 参 ...
分类：
Web程序 时间：
2017-08-17 18:31:17
阅读次数：
211
//向右倾斜60度 transform:rotate(60deg);-ms-transform:rotate(60deg); /* IE 9 */-webkit-transform:rotate(60deg); /* Safari and Chrome */ //圆角化对象，当值到大对象一半时为正圆 ...
分类：
Web程序 时间：
2017-08-16 21:37:15
阅读次数：
300
在聊天的场景中，聊天内容需要用到气泡修饰，如下图。下面一一讲解。 图片式： 第一个样式是京东客服，气泡的圆角和钩子都是用了图片。使用了一个table组合成了一个圆角的框框。lm样式拼出了钩子。 样式： 背景式： 第二种主要是使用了：before伪类画出了三角形，然后用定位拼在了一起。 样式： 更多三 ...
分类：
Web程序 时间：
2017-08-15 14:11:18
阅读次数：
170
css布局 定视口；插图 .box{width: 180px;height: 180px;border: 1px solid;background-image: url("img/30d5bc953b7afba77514.jpg");} 边框圆角 border-radius: 50%; x y 模糊 ...
分类：
其他好文 时间：
2017-08-14 01:26:11
阅读次数：
117
导入 2.下载jar 地址：glide.jar 基本使用 2. 设置预加载和加载失败的图片及缓存策略 显示圆形图片 定义转化圆形的类 继承自BitmapTransforation 在RequestOptions中配置该类 显示圆角图片 定义转化圆形的类 继承自BitmapTransforation ...
分类：
其他好文 时间：
2017-08-12 17:12:06
阅读次数：
254
border-radius是向元素添加圆角边框 使用方法： border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 5px 5px 5px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 不要以为border- ...
分类：
Web程序 时间：
2017-08-10 01:20:46
阅读次数：
258
重写了一个image组件，将精灵拖进去可调整圆角的大小和平滑度，我写的这个只支持正方形图片，矩形会比较麻烦，暂时还没想到方法 实现思路: 1.如下图，image画图原理就是在一个方框中画三角形，然后形成图片，红线代表方框的坐标系，蓝色代表图片的坐标系，也就是你在这个方框的某个位置上画图片的哪个部位， ...
分类：
编程语言 时间：
2017-08-08 12:22:34
阅读次数：
2005
CSS3新特性，兼容性，兼容方法总结 css3手册css3手册 边框 border-radius 用于添加圆角效果 语法: border-radius：[ <length> | <percentage> ]{1,4} [ / [ <length> | <percentage> ]{1,4} ]?<l ...
分类：
Web程序 时间：
2017-08-07 01:35:12
阅读次数：
352
每日分享 一、CSS3新特性，兼容性，兼容方法总结 边框 border-radius 用于添加圆角效果 语法: border-radius：[ <length> | <percentage> ]{1,4} [ / [ <length> | <percentage> ]{1,4} ]? <length ...
分类：
其他好文 时间：
2017-08-07 00:26:06
阅读次数：
165
一、CSS3新特性，兼容性，兼容方法总结 边框 border-radius 用于添加圆角效果 语法: border-radius：[ <length> | <percentage> ]{1,4} [ / [ <length> | <percentage> ]{1,4} ]?<length>：用长度值 ...
分类：
其他好文 时间：
2017-08-07 00:25:57
阅读次数：
184
