search

foundation / foundation-sites

The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.
https://get.foundation
MIT License
29.65k stars 5.49k forks source link

Use CSS3 animations #4416

Closed karellm closed 10 years ago

karellm commented 10 years ago

I noticed that the alert component uses jQuery fadeOut. Why don't you implement this using CSS3 animation? It probably applies to other places.

@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.fadeIn {
    animation-name: fadeIn;
}
thedeerchild commented 10 years ago

Keframe animation isn't supported in IE 9, so we'd have to polyfill it. It's not a huge priority for the core team, but we'd be happy to accept a PR with an appropriate polyfill.