react-s-alert icon indicating copy to clipboard operation
react-s-alert copied to clipboard

Strange blink effect

Open neilyoung opened this issue 7 years ago • 2 comments

I like this great component, works fine. I just have a little issue with a strange "blink-like" effect. After one second of appearance the main text gets brighter, so as if it would be re-written. I have attached a little GIF which shows the effect. Hope you can watch it. The quality is not that good

styling

neilyoung avatar Jul 10 '18 14:07 neilyoung

This is probably related to the css translate, on some browsers. Which browser?

juliancwirko avatar Jul 10 '18 16:07 juliancwirko

@juliancwirko Firefox 61.0.1 and Chrome 67.0.3396.99, both 64 bit on Mac OS (others not tested), not on Safari. The effect is better visible, if the font-weight is altered, e.g.

body {
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-weight: 300
}

PS: The video doesn't show it, but it happens exactly 1 s after appearance.

neilyoung avatar Jul 10 '18 19:07 neilyoung