Why does my design elements look different in all browsers? UPDATE [closed]

I noticed this on line 544 of main.css:

542    .ca-menu li:hover .ca-icon {
543      color: #Fff;
544*     animation: 300ms ease 0s normal none 1 moveFromBottom;
545    }

You’re using the non-vendor-prefixed variant of animation. Firefox recognizes this attribute, but WebKit (chrome, safari, etc) don’t (more info on caniuse.com). Add the vendor prefixed variants of the animation attribute or remove it completely to make it consistent.

Leave a Comment