如何在悬停时使悬停命令=形状？

Question

这个想法是在有人鼠标移动之前有正常的文本，然后我想要一个形状（理想情况下我会将Illustrator导入为.svg）。所以当有人把鼠标放在＆＃34;点击这里＆＃34;将出现一个形状，而不仅仅是颜色或不透明度的变化。

可以使用HTML和CSS完成吗？

Answer 1

你可以玩这样的东西：

.foo{
  width: 200px;
  background-color: blue;
  color: white;
  transition: background-color 1s ease;
}

.foo:hover{
      text-indent: -9999px;
      background-color: red;
      height: 200px;
      border-radius: 50%;    
}

<div class="foo">
click here
</div>

如果您需要进一步的帮助，只需发布​​您想要的更多详细信息。