5490 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 1+ members
  • Located in Australia
  • Has sold $1,000+ on Envato Market
+4 more
Australia says

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

1479 posts The right tools with none of the gimmicks
  • Has referred 50+ members
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+6 more
PixelBin says

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

5490 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 1+ members
  • Located in Australia
  • Has sold $1,000+ on Envato Market
+4 more
Australia says

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

Cheers, I thought I was going mad lol. Thankyou

by
by
by
by
by
by