html怎么css设置的文本特效

html-css015

html怎么css设置的文本特效,第1张

文本虚拟化效果可以通过css的text-shadow来实现。

text-shadow语法:

text-shadow

none

|

none

|

[

,

]

*

或none

|

[,

]*

也就是:

text-shadow:[颜色(Color)

x轴(X

Offset)

y轴(Y

Offset)

模糊半径(Blur)],[颜色(color)

x轴(X

Offset)

y轴(Y

Offset)

模糊半径(Blur)]...

或者

text-shadow:[x轴(X

Offset)

y轴(Y

Offset)

模糊半径(Blur)

颜色(Color)],[x轴(X

Offset)

y轴(Y

Offset)

模糊半径(Blur)

颜色(Color)].

例子:

.demo

{background:

#666666width:

440pxpadding:

30px

font:

bold

55px/100%

"微软雅黑",

"Lucida

Grande",

"Lucida

Sans",

Helvetica,

Arial,

Sanscolor:

#ffftext-transform:

uppercase}

html5:

用于绘画的 canvas 元素

用于媒介回放的 video 和 audio 元素

对本地离线存储的更好的支持

新的特殊内容元素,比如 article、footer、header、nav、section

新的表单控件,比如 calendar、date、time、email、url、search

css3:

1. CSS3实现圆角(border-radius),阴影(box-shadow),

2.对文字加特效(text-shadow、),线性渐变(gradient),旋转(transform)

3.transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg)// 旋转,缩放,定位,倾斜

4.增加了更多的CSS选择器 多背景 rgba

5.在CSS3中唯一引入的伪元素是 ::selection.

6.媒体查询,多栏布局

7.border-image