0

当我将鼠标指针悬停在任何文本上时，文本变为粗体，然后出现little shaking of the text，我们如何解决文本的抖动？

您也可以在下面给出的示例中观察到这种行为。

<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
  <div class="p-30 bg-green-900">
   <div class="col-span-2 py-2 hidden sm:block">
            <div class="flex flex-row gap-3 justify-evenly items-center text-base sm:text-sm xl:text-xl leading-4">
              <li class="list-none text-slate-200 hover:text-white hover:opacity-100 hover:font-bold">
                <Link href="/">Home</Link>
              </li>
              <li class="list-none text-slate-200 hover:text-white hover:opacity-100 hover:font-bold">
                <Link href="/about">About</Link>
              </li>
              <li class="list-none text-slate-200 hover:text-white hover:opacity-100 hover:font-bold">
                <Link href="/projects">Projects</Link>
              </li>
              <li class="list-none text-slate-200 hover:text-white hover:opacity-100 hover:font-bold">
                <Link href="/blogs">Blogs</Link>
              </li>
            </div>
          </div>
  </div>
</body>
</html>

如果代码片段不起作用，您可以参考此链接

链接在这里

4

0 回答 0