css - 使用 CSS,如何创建*厚* 超过 1px 的文本笔划轮廓?
问题描述
下面是我用来做一个 1px 的文本描边轮廓的代码。但是如何让轮廓变粗呢?如果我只是用“5px”替换所有“1px”,结果看起来很疯狂。
HTML
<div class="element">
Hello!
</div>
CSS
.element {
color:white;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
解决方案
可以考虑text-stroke
但需要注意浏览器支持
.element {
color: white;
font-size:50px;
-webkit-text-stroke: 5px #000;
}
<div class="element">
Hello!
</div>
推荐阅读
- javascript - 将一个对象转换为另一个对象
- java - jooQ 3.13 插入批次并更改一列
- spring - Hibernate 中多个实体的一个 DTO
- r - 来自应用于函数 coxph 的 lapply 函数的 p.value 过滤
- laravel - 调用模型函数 - Laravel 7
- c# - 比较时相同的字符串不相等
- ios - 将 Latitude 添加/附加到 Firebase 数组 iOS
- css - CSS 溢出会破坏项目的初始宽度
- marklogic - 如何使用 MarkLogic API 在 MarkLogic 集群中添加多个引导主机?
- javascript - 菜单的子菜单未打开