这篇博客展示了如何使用CSS3创建炫酷的立体字、发光字和苹果字效果，包括阴影、渐变和透明度的运用，以及如何通过text-shadow属性实现多层次的立体感。此外，还探讨了一键复制和编辑Web IDE的功能。
demo发光字、立体字、苹果字
body {
background-color: #666;
text-align: center;
font: bold 55px "Microsoft YaHei";
}
.font1 {
color: #fff;
text-shadow: 0px 0px 20px red;
}
.font2 {
color: #000;
text-shadow: 0 1px 1px #fff;
}
.font3 {
color: #fff;
text-shadow: 1px 1px rgba(197,223,248,.8),
2px 2px rgba(197,223,248,.8),
2px 2px rgba(197,223,248,.8),
2px 2px rgba(197,223,248,.8),
2px 2px rgba(197,223,248,.8),
2px 2px rgba(197,223,248,.8);
/*text-shadow: 10px 10px rgba(197,223,248,.8);*/
}
Panda
Apple style
3D TEXT EFFECT
一键复制
编辑
Web IDE
原始数据
按行查看
历史
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
