Share Posted July 4, 2019 (edited) Hi Everyone, The CodePen associated with this was forked from @OSUblake. I was successful in adding viewport responsiveness and circular button expansion but am failing in reversing to a circular button collapse. I believe I set the circular canvas diameter and arc correctly but when clicking the close icon on the menu button there is no canvas animation. I would appreciate some assistance and sincerely thank you in advance. See the Pen JQBOym by Chris55 (@Chris55) on CodePen Edited July 4, 2019 by chrisalexander55 Provide correct attribution to original CodePen author Link to comment Share on other sites More sharing options...
Share Posted July 4, 2019 That demo is several years old, and I never made it work with HiDPI screens e.g. mobile, retina. For simplicity, I think you would be better off just using a div. This demo doesn't close, but you would just scale it back to 0... or whatever size you wanted. See the Pen VJBypa by osublake (@osublake) on CodePen Taken from this thread. 3 Link to comment Share on other sites More sharing options...
Author Share Posted July 4, 2019 Thanks @OSUblake. I will investigate and provide feedback. ? Link to comment Share on other sites More sharing options...
Author Share Posted July 5, 2019 See the Pen agaJQb by Chris55 (@Chris55) on CodePen 3 Link to comment Share on other sites More sharing options...
Share Posted July 5, 2019 It looks great, @chrisalexander55! 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