Logo animation does not properly transition in Safari

In Chrome and Firefox, the logo animation has a nice fadeout effect on each piece:

logo-firefox

But Safari doesn't seem to respect the transition property, and we get no fade:

logo-safari

See https://gitlab.com/gitlab-org/gitlab-ce/blob/03090a88d80cbc8c4333053081882915beb721da/app/assets/stylesheets/framework/sidebar.scss#L104-111 for styles.