观看此篇文章前,请先阅读上篇文章:高仿QQ头像截取;
本篇之所以为升级版,是在截取头像界面添加了与qq类似的阴影层(裁剪区域以外的部分),且看效果图:
为了适应大家不同需求,这次打了两个包,及上图中一个方形的头像截取demo和一个圆形的;
原理:
方形:
如图:底层即图片层,在上层的画布中,先将裁剪区四周根据裁剪区大小画上阴影,然后在画上裁剪区的白色边框(空心):如下图...
分类:
其他好文 时间:
2015-03-03 18:37:23
阅读次数:
207
.bg{
width:300px;
height:50px;
background:#caca8c;
background-image:-webkit-gradient(
linear,50% 0,0 100%,
from(transparent),
color-stop(.5,transparent),...
分类:
Web程序 时间:
2015-03-03 16:42:15
阅读次数:
449
input 去除边框input 去除边框运行效果:
分类:
其他好文 时间:
2015-03-03 11:23:40
阅读次数:
161
原帖地址:http://blog.csdn.net/liyi199488/article/details/8943286通过BOE打开Xcelsius报表时,总是出现一个外边框。处理办法:Xcelsius报表首先经过opendocument处理,因此尝试通过修改opendocument下的相关jsp...
分类:
其他好文 时间:
2015-03-03 11:15:10
阅读次数:
203
今天提到BFC和haslayout,就顺带在网上查查资料,总结一下它们。CSS2我们再熟悉不过,当然它里面我们需要掌握的,就是CSS2的选择器和布局,选择器总共31种。避开这个不说,我们说布局。布局经常用到的有浮动、定位,当然也需要知道盒子模型,这里的盒子模型不是说就是内边距、外边距、边框等,他们只...
分类:
其他好文 时间:
2015-03-02 23:49:29
阅读次数:
184
鼠标拖动可改变层大小的一个网页特效,测试时请在右下角边框处拖动鼠标,即可将这个方框变大或变小,网上有不少类似的网页特效实例,根据您的需求,你可以自由修改这些代码。...
分类:
其他好文 时间:
2015-03-02 14:52:20
阅读次数:
100
产品鼠标经过加边框效果.productsCol:hover{box-shadow:0 0 0 3px#333333inset;transition:all 0.2s ease 0s;}----------------------------------------------------------...
分类:
Web程序 时间:
2015-03-02 10:54:57
阅读次数:
146
1、跳回上一次编辑位置Shift+F52、跳到末尾Ctrl+End3、去除页眉下面的横线边框格式中选择无边框。不同版本的入口不一样4、方框里面打钩常用的两种方式a) 插入符号中,字体选择Wingdings 2,找到方框里打钩的符号,点击确定。b) 键入2611,然后按下Alt+X。
分类:
其他好文 时间:
2015-03-01 18:21:48
阅读次数:
137
New UI-带边框的TextView
——转载请注明出处:coder-pig,欢迎转载,请勿用于商业用途!
本节引言:
本节介绍的是为TextView设置一个边框背景,常用的边框有矩形与圆角矩形!
另外,因为TextView是很多其他UI控件的父类,比如Button,也可以设置这样的圆角
矩形边框!实现的原理也很简单,就是我们自行编写一个shape的资源文件!
然后TextView直接设置blackground等于这个资源文件即可!...
分类:
其他好文 时间:
2015-03-01 15:47:13
阅读次数:
218
分析主要还是运用CSS3的transition, animation, transform还有渐变背景等特性。由于按钮在鼠标进入时有不同的样式,所以要对其:hover状态运用另外的背景样式通过对按钮的:after状态添加一个内容为空的元素,并给其一个边框,这样在鼠标进入后我们让这个隐藏的空元素变大直...
分类:
Web程序 时间:
2015-02-28 18:38:20
阅读次数:
193