5391 posts
  • Australia
  • Bought between 100 and 499 items
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
  • Has been a member for 4-5 years
  • Interviewed on the Envato Notes blog
  • Referred between 1 and 9 users
  • Sold between 1 000 and 5 000 dollars
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

1478 posts The right tools with none of the gimmicks
  • Sold between 50 000 and 100 000 dollars
  • Elite Author
  • Has been a member for 5-6 years
  • Referred between 50 and 99 users
  • Bought between 10 and 49 items
  • Contributed a Tutorial to a Tuts+ Site
  • Exclusive Author
  • United States
+1 more
PixelBin says

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

5391 posts
  • Australia
  • Bought between 100 and 499 items
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
  • Has been a member for 4-5 years
  • Interviewed on the Envato Notes blog
  • Referred between 1 and 9 users
  • Sold between 1 000 and 5 000 dollars
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