using a SVG as a button - anyone managed to correct the flicker problem when mouse rolled over?

Community Beginner ,
Apr 06, 2021 Apr 06, 2021

Copy link to clipboard

Copied

Hi there,

I am using 3 different SVGs states for a button to look sharp on the screen. Its a non-responsive project.  When previewed in HTML5 in browser it seems to work fine although there is a flicker when rolled over with the mouse.  I have activated to display for rest of the slide and using a hand cursor.  Is there anyway to solve this flicker issue please? I would prefer to use SVGs if possible. 

Views

29

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Most Valuable Participant ,
Apr 06, 2021 Apr 06, 2021

Copy link to clipboard

Copied

Understood. May I point to a possible workaround, posted on the eLearning community by Kim Price (using JS). It depends on the setup of the SVGs, because I couldn't always apply it on SVGs from external providers:

 

Avoiding the SVG 'Blink' with JavaScript - eLearning (adobe.com)

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines