5492 posts
  • 6 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

PixelBin_DISABLED
PixelBin_DISABLED Recent Posts Threads Started
1479 posts The right tools with none of the gimmicks
  • Affiliate Level 4
  • Beta Tester
  • Collector Level 2
  • Weekly Top Seller
+5 more
PixelBin_DISABLED
says

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

5492 posts
  • 6 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