码迷,mamicode.com
首页 >  
搜索关键字:text-shadow    ( 238个结果
CSS3阴影 box-shadow的使用和技巧总结
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及,这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor ...
分类:Web程序   时间:2017-02-11 23:42:37    阅读次数:269
CSS3阴影 box-shadow的使用和技巧总结
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及,这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor ...
分类:Web程序   时间:2017-01-26 14:02:28    阅读次数:234
CSS3阴影 box-shadow的使用和技巧总结
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及,这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor ...
分类:Web程序   时间:2017-01-26 00:07:58    阅读次数:364
隐藏文本
1 .text-hide{ 2 font:0/0 a; 3 color:transparent; 4 text-shadow:none; 5 background-color:transparent; 6 border:0; 7 } ...
分类:其他好文   时间:2017-01-19 14:11:26    阅读次数:142
CSS 字体效果
text-shadow还没有出现时,大家在网页设计中阴影一般都是用photoshop做成图片,现在有了css3可以直接使用text-shadow属性来指定阴影。这个属性可以有两个作用,产生阴影和模糊主体。这样在不使用图片时能给文字增加质感。 text-shadow曾经在css2中就出现过,但在css ...
分类:Web程序   时间:2017-01-14 11:04:05    阅读次数:329
HTML 学习笔记 CSS3 (文本效果)
text-shadow 语法 取值: <length>:长度值,可以是负值。用来指定阴影的延伸距离。其中X Offset是水平偏移值,Y Offset是垂直偏移值 <color>:指定阴影颜色,也可以是rgba透明色 <shadow>:阴影的模糊值,不可以是负值,用来指定模糊效果的作用距离。 如下图 ...
分类:Web程序   时间:2016-12-21 21:26:15    阅读次数:236
CSS 3学习——文本效果和@font-face
文本效果 关于文本效果,这里仅仅记录得到大多数浏览器支持的几个属性,分别是: text-overflow text-shadow word-break word-wrap text-overflow 介绍text-overflow之前先介绍一个white-space属性。 white-space属性 ...
分类:Web程序   时间:2016-12-11 12:12:30    阅读次数:262
CSS3与页面布局学习总结(六)——CSS3新特性(阴影、动画、渐变、变形、伪元素等)
CSS3在CSS2.1的基础上新增加了许多属性,这里选择了较常用的一些功能与大家分享,帮助文档中有很详细的描述,可以在本文的示例中获得帮助文档。 一、阴影 1.1、文字阴影 text-shadow<length>①: 第1个长度值用来设置对象的阴影水平偏移值。可以为负值 <length>②: 第2个 ...
分类:Web程序   时间:2016-12-08 09:41:28    阅读次数:284
关于html5和css3的新特性
html5增加了标签: <header>头部 <aside>侧边栏 <section>一个区块 <footer>尾部 css3增加的内容: border-radius 圆角 box-shadow 盒阴影 text-shadow 文字阴影 选择器: ...
分类:Web程序   时间:2016-11-27 16:44:53    阅读次数:594
box-shadow,text-shadow,前端自定义字体
<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><title></title><style>@font-face{font-family:myfamily;/*字体自定义名称,便于引用*//*自定义字体*/src:url("res/font.TTF");/*字体的url*/}#div1{width:200px;height:..
分类:其他好文   时间:2016-11-24 00:22:41    阅读次数:205
238条   上一页 1 ... 11 12 13 14 15 ... 24 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!