Box Shadow(阴影)
Text Shadow(文本阴影)
Text Stroke(文本描边)和text-fill-color(文本填充色)
border-radius(圆角)
webkit内核的safari、 Chrome的Linear Gradients (线性渐变)
Firefox的Linear Gradients (线性渐变)
transform(变形)和transform-origin(变形原点)
CSS3 Flexbox 布局演示
Text Stroke(文本描边)和text-fill-color(文本填充色)-Css3演示
效果设置区
文本颜色
文本颜色:
文本透明
是否使用文本填充色
文本描边
描边宽度:
px
em
描边颜色:
效果预览区
Text Shadow(文本阴影)-Css3演示
代码区
说明
Safari 4
Firefox
Opera
Chrome
Internet Explorer
目前这两个属性只有webkit内核的Safari和Chrome支持,例如: -webkit-text-stroke: 3.3px #2A75BF;
text-fill-color:颜色值,和color属性差不多都是文字的样式;
同时使用text-fill-color和color属性,text-fill-color将覆盖color属性的颜色值;
text-fill-color可以使用透明值,即:text-fill-color:transparent