5492 posts
  • 5 Years of Membership
  • Affiliate Level 1
  • Australia
  • Author Level 3
+5 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
  • Affiliate Level 4
  • Author Level 7
  • Beta Tester
  • Collector Level 2
+7 more
PixelBin
says

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

5492 posts
  • 5 Years of Membership
  • Affiliate Level 1
  • Australia
  • Author Level 3
+5 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