Jump to content

Recommended Posts


I have created a site title with a transparent fill and 1px black outline, and I am hoping to create a transition whereby 50% of the title text is then filled when hovering over with the cursor. Ideally the fill will emerge form the left, with a 3s transition. I am 90% of the way there with the attached CCS code, however I cannot seem to clip the text so that only the text is filled, and not the whole background.
Could anyone offer some insight here?

Any help is of course much appreciated!


Custom Title CSS.jpg

Edited by Millsy94
Link to comment
  • Replies 0
  • Views 477
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.