Transitions on Pseudo Elements

Can this be done ? I am trying to make the pseudo element kinda fade in and out from hover

.large-logo p:before {
    content: "Original Text";
    display: inline-block;
    position: absolute;
    right:0px;
    width:110px;
    text-align: right;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.large-logo:hover p:after {
    display: inline-block;
    content: "Replaced Text";
    background: #fff;
    position: absolute;
    right: 0px;
    width:110px;
    text-align: right;
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
}

Ste

Only supported by the latest dev release of WebKit. In other words, not yet possible.

PixelBin said
Only supported by the latest dev release of WebKit. In other words, not yet possible.

Cheers, I thought I was going mad lol. Thankyou