1、CSS3选择器 2、CSS3边框(Borders) 3、CSS3背景 4、CSS3渐变 5、CSS3文本效果 6、CSS3字体 7、CSS3转换和变形 1)2D转换方法 2)3D转换属性 8、CSS3过度 9、CSS3动画 10、CSS3多列 11、CSS3盒模型 12、CSS3伸缩布局盒模型( ...
分类:
Web程序 时间:
2019-05-31 23:32:41
阅读次数:
164
(迁移自旧博客2017 08 06) CSS3 文本效果: box shadow:盒子阴影,可以给卡片添加提高美化效果。可广泛应用于内容展示页面。 效果如下: 效果如下: css3 过渡: 最简单的过渡是一个div,给它加上如下代码,便可以从宽度100px华丽的过渡到宽度为300px。 那么再来点高 ...
分类:
Web程序 时间:
2019-02-17 11:13:36
阅读次数:
1010
CSS3 边框 border-radius box-shadow border-image CSS3 背景 background-size background-origin background-clip CSS3 文本效果 text-shadow word-wrap text-overflow ...
分类:
Web程序 时间:
2018-05-31 15:33:04
阅读次数:
146
第二十一章 CSS3文本效果 **************************************************** *查询适应的最低版本,可以去:“http://caniuse.com”* ********************************************* ...
分类:
Web程序 时间:
2018-02-28 19:48:32
阅读次数:
218
本文将详细介绍CSS文本效果 凸版印刷效果 这种效果尤其适用于中等亮度背景配上深色文字的场景;但它也可用于深色底、浅色字的场景,只要文字不是黑色并且背景不是纯黑或纯白就行 【浅色背景深色文本】 【深色背景浅色文本】 空心字效果 发光效果 模糊效果 鼠标移入后,文字由模糊变清晰 凸起效果 文字凸起(伪 ...
分类:
Web程序 时间:
2017-10-10 11:26:37
阅读次数:
180
CSS3中包含几个新的文本特征。 在本章中您将了解以下文本属性: text-shadow box-shadow text-overflow word-wrap word-break CSS3 的文本阴影 CSS3 中,text-shadow属性适用于文本阴影。 您指定了水平阴影,垂直阴影,模糊的距离 ...
分类:
Web程序 时间:
2017-09-02 17:01:20
阅读次数:
266
text-shadow 语法 取值: <length>:长度值,可以是负值。用来指定阴影的延伸距离。其中X Offset是水平偏移值,Y Offset是垂直偏移值 <color>:指定阴影颜色,也可以是rgba透明色 <shadow>:阴影的模糊值,不可以是负值,用来指定模糊效果的作用距离。 如下图 ...
分类:
Web程序 时间:
2016-12-21 21:26:15
阅读次数:
236
CSS3 文本效果 1 CSS3 文本阴影在 CSS3 中,text-shadow 可向文本应用阴影,能够规定水平阴影、垂直阴影、模糊距离,以及阴影的颜色。text-shadow: 5px 5px 5px red; 2 CSS3 自动换行在 CSS3 中,word-wrap 属性允许您允许文本强制文 ...
分类:
Web程序 时间:
2016-09-05 16:42:25
阅读次数:
147
1 CSS3 文本阴影在 CSS3 中,text-shadow 可向文本应用阴影,能够规定水平阴影、垂直阴影、模糊距离,以及阴影的颜色。text-shadow: 5px 5px 5px red; 2 CSS3 自动换行在 CSS3 中,word-wrap 属性允许您允许文本强制文本 进行换行 ,对单 ...
分类:
Web程序 时间:
2016-08-29 20:43:25
阅读次数:
150
CSS3 文本效果 CSS3中包含几个新的文本特征。 在本章中您将了解以下文本属性: text-shadow word-wrap text-shadow word-wrap 浏览器支持 Internet Explorer 10, Firefox,Chrome, Safari, 和 Opera支持te ...
分类:
Web程序 时间:
2016-08-19 15:09:33
阅读次数:
198