TroyDev Posted June 1, 2023 Share Posted June 1, 2023 How can we draw in a rect svg OR a button's border from the top center clockwise? The codepen I have here is drawing in a rect svg from the top left. but I'd like it to draw in from the top center all the way around clockwise. Would be nice if there were a away to animate a button's border to do this same thing as well. See the Pen JjmQQJE by Troy-Bailey (@Troy-Bailey) on CodePen Link to comment Share on other sites More sharing options...
Solution PointC Posted June 1, 2023 Solution Share Posted June 1, 2023 Just modify your start/end percentages: See the Pen 892842f1056c3bd18093804305c0d32c by PointC (@PointC) on CodePen Happy tweening. 3 1 Link to comment Share on other sites More sharing options...
TroyDev Posted June 1, 2023 Author Share Posted June 1, 2023 Thanks! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now