用文本阴影和字体透明颜色就可以做出毛玻璃的效果。这是一个纯 css 的方式。
text-shadow 设置投影效果，看上去就有点像毛玻璃的感觉。
text-shadow
cursor: default; 让鼠标放到文字上时，不会出现“光标” 指针。
cursor: default;
<div>毛玻璃</div><style> div { color: rgba(0, 0, 0, 0); text-shadow: 0 0 10px #000; cursor: default; transition: color 0.3s ease, text-shadow 0.3s ease; } div:hover { color: rgba(0, 0, 0, 1); text-shadow: none; }</style>
<div>毛玻璃</div>
<style>
div {
color: rgba(0, 0, 0, 0);
text-shadow: 0 0 10px #000;
transition: color 0.3s ease, text-shadow 0.3s ease;
}
div:hover {
color: rgba(0, 0, 0, 1);
text-shadow: none;
</style>
反派 2019.03.19 加入
哈哈哈哈哈哈哈哈哈哈哈哈哈哈
京公网安备 11010502039052号京公网安备 11010502039052号京公网安备 11010502039052号
评论