text-shadow用法

text-shadow:2px 2px 2px #fff

X轴,Y轴,模糊程度(不可是负值),阴影颜色

效果一:

text-shadow: 0 0 20px red;

效果二:

text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de;

效果三:

text-shadow: 0 1px 1px #fff;

效果四:

text-shadow: -1px -1px 0 #fff,1px 1px 0 #333,1px 1px 0 #444;

效果五:

text-shadow: 0 0 5px #f96;

效果六:

text-shadow:0 0 6px #F96, -1px -1px #FFF, 1px -1px #444;

效果七:

text-shadow: 1px 1px 0 #E4F1FF;

效果八:

text-shadow: 3px 3px 0 red,-3px 3px 0 red,3px -3px 0 red,-3px -3px 0 red;

效果九:

text-shadow: 1px 1px rgba(197, 223, 248,0.8),2px 2px rgba(197, 223, 248,0.8),3px 3px rgba(197, 223, 248,0.8),4px 4px rgba(197, 223, 248,0.8),5px 5px rgba(197, 223, 248,0.8);

效果十:

text-shadow: -1px -1px rgba(197, 223, 248,0.8),-2px -2px rgba(197, 223, 248,0.8),-3px -3px rgba(197, 223, 248,0.8),-4px -4px rgba(197, 223, 248,0.8),-5px -5px rgba(197, 223, 248,0.8);

效果十一:

text-shadow: 5px 5px 0 #666, 7px 7px 0 #eee;    /*注意:第一个阴影色和背景色相同;文本前景色和第二个阴影色相同*/

效果十二:

text-shadow: 3px 3px 0 rgba(180,255,0,0.5);

时间: 2024-10-13 16:20:47

text-shadow用法的相关文章

动图展示16个Sublime Text快捷键用法 ---------------物化的sublime

在我做了一次包含一些现场编码的演示后,一些观众问我是如何操作这么快.当然这里没有唯一的答案,答案是一堆简单的快捷键和大量的实践的组合.为了回应那些询问,我觉得有必要看看我每天想都不用想且使用的快捷键. 这里有一个15 16 个快捷键的精选列表(1个自定义快捷键),以gif动画展示,我每天使用.享受吧! (译者注:原文所列快捷键均为OS X环境,为了方便Windows和Linux环境童鞋的学习,译者将备注Windows和Linux下对应的快捷键) 选择 选择一个选中项的下一个匹配项 选择一个选中项

VBA控件ListBox的BoundColumn和TextColumn用法,Value和Text的用法

在使用Excel编写VBA程序时,用到ListBox,然后研究了下它的所有属性.其实这个控件功能很不好用,太老了,最重要的是还不支持鼠标滚轮,很不好操作,但是考虑到兼容性,还是使用它. 其实读取.写入数据用ListBox.List已经足够了,而BoundColumn和TextColumn主要是用于读取数据,有什么鸟用?我也不是很清楚,但是可以像下面这样用.这两个参数相当于设置了列的索引(j),只需选中行(i)即可读取对应的数据List(i,j).其中,BoundColumn与Value关联:Te

jquery .html(),.text(),.val()用法

.html()用为读取和修改元素的HTML标签 .text()用来读取或修改元素的纯文本内容 .val()用来读取或修改表单元素的value值. 这三个方法功能上的对比 .html(),.text(),.val()三种方法都是用来读取选定元素的内容:只不过.html()是用来读取元素的HTML内容(包括其Html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值.其中.和.text()方法不能使用在表单元素上,而.val()

[xpath] 定位中starts-with、contains和text()的用法

starts-with 顾名思义,匹配一个属性开始位置的关键字 contains 匹配一个属性值中包含的字符串 text() 匹配的是显示文本信息,此处也可以用来做定位用 eg //input[starts-with(@name,'name1')]     查找name属性中开始位置包含'name1'关键字的页面元素 //input[contains(@name,'na')]         查找name属性中包含na关键字的页面元素 <a href="http://www.baidu.c

xpath定位中starts-with、contains、text()的用法

starts-with 顾名思义,匹配一个属性开始位置的关键字 contains 匹配一个属性值中包含的字符串 text() 匹配的是显示文本信息,此处也可以用来做定位用 eg //input[starts-with(@name,'name1')]     查找name属性中开始位置包含'name1'关键字的页面元素 //input[contains(@name,'na')]         查找name属性中包含na关键字的页面元素 <a href="http://www.baidu.c

xpath定位中starts-with、contains和text()的用法

starts-with 顾名思义,匹配一个属性开始位置的关键字 contains 匹配一个属性值中包含的字符串 text() 匹配的是显示文本信息,此处也可以用来做定位用 eg //input[starts-with(@name,'name1')]     查找name属性中开始位置包含'name1'关键字的页面元素 //input[contains(@name,'na')]         查找name属性中包含na关键字的页面元素 <a href="http://www.baidu.c

java.text.NumberFormat用法

NumberFormat 是所有数值格式的抽象基类. 该类提供了格式化和分析数值的接口,NumberFormat 也提供了确定 哪个语言环境具有数值格式以及它们名字的方法 public class Test {  public static void main(String[] args) {   Double myNumber=23323.3323232323;   Double test=0.3434;   //getInstance()   //返回当前缺省语言环境的缺省数值格式.   S

开发者最常用的 8 款 Sublime Text 3 插件

转载于:http://www.itxuexiwang.com/a/liunxjishu/2016/0228/177.html?1456925631Sublime Text作为一个尽为人知的代码编辑器,其优点不用赘述.界面整洁美观.文本功能强大,且运行速度极快,非常适合编写代码,写文章做笔记.Sublime Text还支持Mac.Windows和Linux各大平台,方便用户使用.种类繁多.功能强大的插件更给Sublime Text 3锦上添花.下载Package Control后就可以迅速的开启插

Qt Quick里的图形效果:阴影(Drop Shadow)

Qt Quick提供了两种阴影效果: DropShow,阴影.这个元素会根据源图像,产生一个彩色的.模糊的新图像,把这个新图像放在源图像后面,给人一种源图像从背景上凸出来的效果. InnerShadow,内阴影.这个元素会根据源图像,产生一个彩色的.模糊的新图像,与 DropShadow不同的是,新图像会放在源图像里面. 效果 下面是我设计的示例效果. 首先是 DropShadow : 图1 阴影效果 然后是内阴影效果: 图2 内阴影效果 源码分析 如图1所示,界面被分为三部分. 最上面的是源图

winform TreeView的一些用法以及异步加载

今天,主要弄了一下对于树型控件的一些方法,以及异步加载.参考: http://www.cnblogs.com/greatverve/archive/2012/03/23/winform-treeview.html 下面是TreeView的一些用法 private void BindTreeView() { treeView1.LabelEdit = false;//不可编辑 //添加结点 TreeNode root = new TreeNode(); root.Text = "根节点"