Image Css3动画吹泡泡
我正在制作一个CSS3动画，其中我希望一个气泡看起来像是从管道中吹出来的，就像一个真实的气泡。有人能指导怎么做吗 就像上图中的水滴一样，气泡应该看起来像一个真实的气泡。这是我到目前为止所做的，但看起来不太好！电话好像是从广场上出来的。有没有办法让它看起来像是从泡沫中冒出来的Image Css3动画吹泡泡,image,css,animation,svg,Image,Css,Animation,Svg,我正在制作一个CSS3动画，其中我希望一个气泡看起来像是从管道中吹出来的，就像一个真实的气泡。有人能指导怎么做吗 就像上图中的水滴一样，气泡应该看起来像一个真实的气泡。这是我到目前为止所做的，但看起来不太好！电话好像是从广场上出来的。有没有办法让它看起来像是从泡沫中冒出来的 #Capa_2{ 位置：绝对位置； 溢出：可见； 顶部：100px； } #Capa_1{ 位置：绝对位置； 顶部：60px； 左：68px； 动画：振动0.1s 4s 3； } #聊天{ 不透明度：0； 动画：向前轻松
#Capa_2{
位置：绝对位置；
溢出：可见；
顶部：100px；
}
#Capa_1{
位置：绝对位置；
顶部：60px；
左：68px；
动画：振动0.1s 4s 3；
}
#聊天{
不透明度：0；
动画：向前轻松成长；
}
@关键帧增长{
0% {
/*变换：尺度（2,2）*/
}
40%{不透明度：1；
转换：比例（2.5,1.6）转换（300px，-350px）；
}
70%{不透明度：1；
变换：缩放（2.4,1.5）平移（300px，-280px）；
左边距：-2px；
边缘顶部：2倍；
}
100%{不透明度：1；
转换：缩放（2,2）转换（300px，-350px）；
左边距：0px；
边际上限：0px；
}
}
#电话{
不透明度：0；
动画：环2.5s向前4.5s；
}
@关键帧环{
0% {
不透明度：1；
变换：translateX（-900px）旋转（0度）；
}
100% {
变换：translateX（2px）旋转（360度）；
不透明度：1；
}
}
#电话{
不透明度：0；
动画：环2.5s向前；
}
@关键帧振动{
0%{左边距：0px；}
25%{左边距：-3px；}
50%{左边距：0px；}
75%{左边距：3px；}
100%{左边距：0px；}
}