CSS3變形到頂部

Question

我想創建一個像水泡一樣的效果，從頁面底部到頂部像泡泡從水中使用CSS3起來，我完全失去了這一點。

我有這個fiddle

你能指導我，如果我真的可以給一個效果像氣泡從底部來頂？

Answer 1

很容易使用CSS3從一個數字到另一個數字取頂部或底部值。你可以在這裏看到：http://jsfiddle.net/jfriend00/t9Kyj/。

你顯然不能CSS3過渡來源：

top: auto; 
bottom: 0; 

到

top: 0; 
bottom: auto; 

所以，有些人的想法是找到指定的頂部和底部位置會做的不同的CSS方法根據窗口高度，CSS3過渡或以編程方式設置頂部/底部。