Question

出于某种原因，我的一段代码似乎无法正常工作。我只遇到了after元素的问题。将鼠标悬停在标题上时，应从左上角和右下角绘制两条线。你可能会看到，它们都从左上角开始，但是留在右角。

问题是代码看起来是正确的，但它仍然不会按照它应该的方式工作

这里是Fiddle

请注意悬停时前后元素之间的差异。当它们没有盘旋时，它们位于它们的线将离开块的位置。当它们盘旋时，它们位于相反的一侧。

h1:before{
    bottom: 0;
    right: 0;
}

h1:hover:before{
    top: 0;
    left: 0;
}

h1:after{
    top: 0;
    left: 0;
}

h1:hover:after{
    bottom: 0;   /*not working*/
    right: 0;    /*not working*/
}

Answer 1

从左边开始：0到右边：0还需要添加左边：自动悬停，否则元素将左右边0

元素不正常后

1 个答案: