@-webkit-keyframes resetFade{0{opacity:0}100%{opacity:0}}
@-webkit-keyframes fade-in{0{opacity:0}50%{opacity:.5}100%{opacity:1}}
#div1 {-webkit-animation:resetFade 300ms ease-in 0ms 1, fade-in 300ms ease-in 250ms 1}
检查上面的代码，假设opacity的{{1}}在开始时为1。这两个动画在 Safari 中的HTTP和HTTPS协议下表现不同。
在HTTP协议下，由于关键帧div，opacity的{{1}}将首先变为0，然后在关键帧div延迟250ms后，resetFade将从0变为1.
在此过程中，当fade-in关键帧以300毫秒结束时，它不会影响从0恢复为0的不透明度，因为关键帧opacity仍在进行中。
但是，在HTTPS协议下，当关键帧resetFade完成后，它会将fade-in从0恢复为1，这看起来像闪烁，因为关键帧resetFade仍在进行中动画opacity从0到1。
很难理解为什么HTTP和HTTPS会对渲染产生影响。有没有人有任何见解？