搜了几篇老外的文章，提到 svg 的 forginObject 内的 HTML 元素，当应用 CSS3 动画时，动画的 transform-origin 是基于最外层 body 定位的，貌似无解。
个人建议使用 svg 的 SMIL 动画来实现波纹特效，你大屏展示用的话，兼容性啥的应该不是主要问题
关闭按钮 css，css 去掉important，css5模板，css3实现撕裂，轻量css框架编法，dw新建css制作图片，前端的css框架
首页 >
svg下css定位和添加css3动画之后定位失效问题 – CSS – 前端，前端的css框架
关闭按钮 css，css 去掉important，css5模板，css3实现撕裂，轻量css框架编法，dw新建css制作图片，前端的css框架
html5与css3如何建立联系 - CSS - 前端，css 伪 奇偶 | html5与css3如何建立联系 - CSS - 前端，css 伪 奇偶 ...
html怎么设置图片模糊度 - CSS - 前端，css文字上浮效果 | html怎么设置图片模糊度 - CSS - 前端，css文字上浮效果 ...
dwcss设置页面背景为什么看不到 - CSS - 前端，css3旋 rotate | dwcss设置页面背景为什么看不到 - CSS - 前端，css3旋 rotate ...