search

bendc / animateplus

A+ animation module for the modern web
MIT License
5.96k stars 280 forks source link

pls support width and height animate #14

Closed ariesjia closed 8 years ago

ariesjia commented 8 years ago

can you and width and height in supportedCSSprops

aleksandar-b commented 8 years ago

You can use Scale for that.

ariesjia commented 8 years ago

I want animate height only , so Scale is not suitable for this scenario

rizqinizamil commented 8 years ago

How about scaleY?

aleksandar-b commented 8 years ago

scale(1,2) to animate only height double its size. Although they do not produce exactly the same output as expected.

ariesjia commented 8 years ago

if we have background img , set scale will deformed

bendc commented 8 years ago

Animate Plus only allows you to animate cheap CSS properties in order to avoid choppy animations. So, unless browsers eventually find a way to make width and height as inexpensive as transform, Animate Plus won't support them.

That being said, there are many ways to simulate a height animation, the most popular one being the "sliding doors" technique. Here's a basic example.