悬停CSS后替换文本

Question

我想在将鼠标悬停在文本上后将其替换为其他文本。

我附上我现在写的代码。

可能我需要一个我不知道的命令...

感谢您的帮助。

     span:hover
     {
         font-size: 20px;
         transition: font-size .4s ease-in-out;
     }

     span::after
     {
         content: hide;
         visibility: hidden;
         transition: all .6s ease-in-out;
         content: 'Zima';
         opacity: 0;
     }
     span:hover::after
     {
         visibility: visible;
         opacity: 1;
     }

Answer 1

.label:after{
    content:'ADD';
}
.label:hover:after{
    content:'NEW';
}

<span class="label"></span>