search

juliancwirko / react-s-alert

Alerts / Notifications for React with rich configuration options
https://www.npmjs.com/package/react-s-alert
MIT License
649 stars 75 forks source link

Strange blink effect #70

Open neilyoung opened 6 years ago

neilyoung commented 6 years ago

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

juliancwirko commented 6 years ago

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

neilyoung commented 6 years ago

@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.