悬停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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;