本文摘自PHP中文网，作者anonymity，侵删。
html代码：
1 | <div contenteditable="true" class="text effect01">前端开发</div>
|
css怎么设置字体立体？
css里面还是首先来全局的设置，为了避免视觉疲劳，我们修改了背景颜色和文字颜色。
1 2 3 4 5 6 7 8 9 10 11 12 13 | body{
background-color: #666;
}
@import url(http://fonts.googleapis.com/css?family=Dosis:500,800);
.text {
font-family:"微软雅黑", "Dosis", sans-serif;
font-size: 80px;
text-align: center;
font-weight: bold;
line-height:200px;
text-transform:uppercase;
position: relative;
}
|
然后是简单的效果的核心代码
阅读剩余部分
相关阅读 >>
css3代码和css有不同吗
css border-top-style属性怎么用
浅谈css元素显示模式
vue源码之目录结构的简单分析
css 粘性定位 sticky 详解
css阴影怎么做
聊聊css 与 js 是如何阻塞 dom 解析和渲染的
值得收藏的css性能优化方法
css如何设置渐变色
css如何实现文本多行省略号
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css怎么设置字体立体
