使用css转换内容

Question

我想更改div的内容，不希望它立即生效。我希望文本在悬停时缓慢进入。

注意：想要一个纯粹的CSS解决方案

HTML

<div></div>

CSS

div:after {
    content:"positive!";
    transition:content 2s;
}
div:hover:after {
    content:"negative!";
}

以下是fiddle