The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Using :before to perform a background wipe

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #270680

    I need to create a hover state inside a circle where a background color wipes top to bottom. I have tried a couple ways to achieve this, but I don’t want the wipe to be circular. I need it to be a straight line as it wipes through the circle. From my understanding, I can achieve this with a :before pseudo class, but I’ve had no luck making it work. As the background comes in, it completely covers the circle with a box.

    What I have achieved so far is here:

    Any help would be GREATLY appreciated. Thank you!


    I’ve made a fork of your pen:

    I hope this is what you wanted.


    This is perfect! Thanks so much!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.