CSS3变形到顶部

Question

我想创建一个像水泡一样的效果，从页面底部到顶部像泡泡从水中使用CSS3起来，我完全失去了这一点。

我有这个fiddle

你能指导我，如果我真的可以给一个效果像气泡从底部来顶？

Answer 1

很容易使用CSS3从一个数字到另一个数字取顶部或底部值。你可以在这里看到：http://jsfiddle.net/jfriend00/t9Kyj/。

你显然不能CSS3过渡来源：

top: auto; 
bottom: 0; 

到

top: 0; 
bottom: auto; 

所以，有些人的想法是找到指定的顶部和底部位置会做的不同的CSS方法根据窗口高度，CSS3过渡或以编程方式设置顶部/底部。