小编I1m*_*n92的帖子

使用变换(-50%, - 50%)使部分居中时,文字会变得模糊

我使用此代码将一个部分居中:(这是我可以做的唯一方法,以此部分为中心)

<div class="clock-section">
          <h5 id="clock-title">We are coming really soon</h5>
                <hr class="hr" id="cdhr">
              </div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.clock-section {
    position:absolute;
    top:50%;
    left:50%;
     transform:translate(-50%, -50%);
}
Run Code Online (Sandbox Code Playgroud)

该部分很好地集中,但问题是文本变得模糊,而且hr看起来很丑陋和模糊,
我已经尝试了所有方法,如webfont平滑等,但根本不起作用!:(
任何人都可以帮助我吗?
谢谢......

html css transform blur

5
推荐指数
1
解决办法
647
查看次数

标签 统计

blur ×1

css ×1

html ×1

transform ×1