Why, when the transition to the hover test becomes cloudy?

Put the button on hover to transition opacity worked smoothly, but faced such problem that at the time of the animation, the text becomes turbid and then back to normal. here is a screen
Normal state
6adf7fb0ee5e47a0a3c2d2cd83e81d60.jpg

and it hover
0ecbb503d2734c4d88dcc9b7b158eab4.jpg

Tell me what's the problem?
July 9th 19 at 11:22
1 answer
July 9th 19 at 11:24
Try to mark the button on a separate layer in another unit. Here is an example of solving such problems: stackoverflow.com/questions/26388769/css3-animatio...

Find more questions by tags CSS