技巧:通过变形属性对容器的形状进行变形,但是保持其内容不变形。 场景:通过skew()变形属性对一个按钮形状的平行四边形进行斜向拉伸。 有几套备选方案: 1. 嵌套元素方案 外部容器元素进行skew()变形,再对内部内容区域元素进行一次反向的skew()变形,这样内容区域会保持原来的形状。 2. 伪 ...
分类:
Web程序 时间:
2016-11-30 02:45:15
阅读次数:
225
public class HuaUtilitityImage: NSObject { // 普通渲染 public func renderingImageWithTintColor(image: UIImage?,_ tintColor: UIColor) -> UIImage?{ return r ...
分类:
编程语言 时间:
2016-11-30 02:40:45
阅读次数:
269
技巧:通过一个DIV标签实现边框内圆角效果 背景知识:box-shadow, outline, “多重边框” 补充说明:博客园的编辑器把我写的border-radius属性给删掉了,所以看到的页面效果里没有圆角。 实现效果:一个容器的边框或者描边的四个角,在内部是有圆角的,而在外部依然保持直角的形状 ...
分类:
Web程序 时间:
2016-11-29 07:23:13
阅读次数:
240
*以下技巧均源自于Lea Verou所著《CSS Secrets》 自适应椭圆与圆角构造 众所周知,在css上构造圆形只需要将border-radius属性值设为边长的一半即可。 显示效果如下: 当我们在innerTxt中添加过多的内容时,会得到如下的效果: 如果我们想要一个自适应的椭圆的话,那么b ...
分类:
Web程序 时间:
2016-11-28 14:46:10
阅读次数:
161
html5增加了标签: <header>头部 <aside>侧边栏 <section>一个区块 <footer>尾部 css3增加的内容: border-radius 圆角 box-shadow 盒阴影 text-shadow 文字阴影 选择器: ...
分类:
Web程序 时间:
2016-11-27 16:44:53
阅读次数:
594
今天辅导日学习了 :before 和 :after . 作用:给选定的对象就是某个元素的前和后元素加内容. 如图: 效果: 在CSS里创建圆角 border-radius: 代码如图: ...
分类:
其他好文 时间:
2016-11-27 00:10:43
阅读次数:
137
Android中的ImageView只能显示矩形的图片,为了用户体验更多,Android实现圆角矩形,圆形或者椭圆等图形,一般通过自定义ImageView来实现,首先获取到图片的Bitmap,然后通过Paint和onDraw()进行圆形图片显示。 效果图: 代码: 源码下载: Eclipse下载:h ...
分类:
移动开发 时间:
2016-11-25 17:51:31
阅读次数:
272
首先,在drawable文件夹写一个xml文件solid_c9c9c9.xml 然后,在布局文件中直接用这个xml文件设置背景 效果图: ...
分类:
其他好文 时间:
2016-11-25 12:17:39
阅读次数:
175
/* - (id)initWithCoder:(NSCoder *)aDecoder { if (self = [super initWithCoder:aDecoder]) { // 设置图片的主图层圆角 self.iconView.layer.cornerRadius = 8; // 设置超出主 ...
分类:
移动开发 时间:
2016-11-24 18:11:40
阅读次数:
257
<input type="text" name="bianhao" value="" placeholder="请输入商品编号" maxlength="10" size="10" style="width:105px; margin:0px 0px 0px 12px;height:22px;bord ...
分类:
其他好文 时间:
2016-11-24 15:56:11
阅读次数:
193