WebAppers

/ best free open source web resources /

Graphic Resources

Effeckt.css: UI-less, Fast Transitions & Animations

Posted · Category: Framework, MIT License

Designing and developing UIs for the mobile web is tricky, but it’s extremely difficult to do that while delivering something that performs at 60fps. The best opportunities to getting jank-free transitions on phones/tablets are CSS transition and keyframe animation based, especially tapping into hardware-accelerated transforms and opacity changes.

Effeckt.css is a collection of  fantastic experiments and demos exploring CSS-based transitions. It provides very little UI of its own. It’s only hooks for transitions / animations. There is no hover on the mobile web, so any hover-based effects would be excluded or have a tap equivalent.

css-transitions

Requirements: JavaScript Framework
Demo: http://h5bp.github.io/Effeckt.css/dist/
License: MIT License

1 Comment
  • tonio713

    This is really awesome! I’m a motion designer and I work with developers on a daily basis so it’s really nice to have a tool like this that we can both reference.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons