text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor ...
分类:
Web程序 时间:
2016-08-21 19:47:10
阅读次数:
226
这个项目的登录注册表单最开始想当然的用了blur+focus,功能实现是实现了,然而那个用户体验,啊,有这种东西? 最近又开始做表单,谷歌了一下怎样优雅写表单然后发现了AngularJs。。。慕课上啃了一下验证视频然后开工用ng。刚好这个项目客户不满意验证表单这里,上面让我改,改就改咯,于是就用上了 ...
分类:
其他好文 时间:
2016-08-18 12:29:11
阅读次数:
208
//li元素没有获得hover的样式设置 .gallery:hover li:not(:hover){ -webkit-filter: blur(2px) grayscale(1); -moz-filter: blur(2px) grayscale(1); -o-filter: blur(2px) ...
分类:
其他好文 时间:
2016-08-17 15:37:02
阅读次数:
201
出自:小tip: 使用CSS将图片转换成模糊(毛玻璃)效果 blur.svg 参考: 不得不收藏的——IE中CSS-filter滤镜小知识大全 Blur Filter 在线 demo--IE滤镜 ...
分类:
Web程序 时间:
2016-08-16 14:37:24
阅读次数:
2571
一、box-shadow语法: box-shadow: none | inset(可选值,不设置,为外投影,设置,为内投影) x-offset(阴影水平偏移量,正方向为right) y-offset(阴影垂直偏移量,正方向为bottom) blur-radius(阴影模糊半径,为正,0为无模糊效果, ...
分类:
其他好文 时间:
2016-08-15 01:33:46
阅读次数:
477
text-shadow text-shadow可以用来设置文本的阴影效果。 语法: X-Offset:表示阴影的水平偏移距离,其值为正值时阴影向右偏移,反之向左偏移; Y-Offset:是指阴影的垂直偏移距离,如果其值是正值时,阴影向下偏移,反之向上偏移; Blur:是指阴影的模糊程度,其值不能是负 ...
分类:
Web程序 时间:
2016-08-14 23:46:53
阅读次数:
231
有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使<input type="text" name="input1" value="中国"> 的内容,"中国"两个字不可以修改。实现的方式归纳一下,有如下几种。 方法1: onfocus=this.blur() <input type ...
分类:
Web程序 时间:
2016-08-13 06:37:28
阅读次数:
230
在js书上看到了focus()方法,一直认为这是jQ的方法,怎么直接用在了DOM中, 原来,DOM也有此方法,各种知识点层出不穷。 获取焦点focus() 移除 blur() ...
分类:
其他好文 时间:
2016-08-10 14:01:51
阅读次数:
362
把输入框中 输入的字符串含有中文逗号 改成 英文逗号 举例: <input type="text" id="keywords" style="width: 650px;"> js: 用失去光标事件, 关键代码:str.replace(/,/ig,','); $("#keywords").blur(f ...
分类:
Web程序 时间:
2016-08-10 12:37:28
阅读次数:
173