.point_area{text-align:center;位置：相对；宽度：150px；高度：150px；过渡：不透明度.5s缓出；}.point_area.point{位置：绝对；顶部：0；左：0；右：0；底部：0；宽度：10px；高度：10px；保证金：自动；-webkit-边框半径：50%；-webkit-background-clip：填充框；-moz-边界半径：50%；-moz-背景剪辑：填充；:填充框；背景：透明；}.point_area.point_dot{z-index:1;背景色：#ff903d；边框：1px实心rgba(255,144,61,.37);}.point_area.point_10{宽度：100%；高度：100%；}.point_area.point_10:after{内容：“”；显示：块；位置：绝对；顶部：0；右：0；底部：0；左：0；边界半径：50%；边框：2px实心#ff903d；不透明度：0；-webkit动画：4.5秒缓出225毫秒无限波纹；动画：波纹4.5s缓出225ms无限；}.point_area.point_40{宽度：100%；高度：100%；}.point_area.point_40:after{内容：“”；显示：块；位置：绝对；顶部：0；右：0；底部：0；左：0；边界半径：50%；边框：2px实心#ff903d；不透明度：0；-webkit-animation:ripple4.5sease-out.9s无穷大；动画：波纹4.5s缓出.9s无限；}.point_area.point_80{宽度：100%；高度：100%；}.point_area.point_80:after{内容：“”；显示：块；位置：绝对；顶部：0；右：0；底部：0；左：0；边界半径：50%；边框：2px实心#ff903d；不透明度：0；-webkit-动画：波纹4.5s缓出1.8s无限；动画：波纹4.5s缓出1.8s无限；}@-webkit-keyframesripple{0%{opacity:0;-webkit-transform:scale(.1)}5%{opacity:1}到{opacity:0;-webkit-transform:scale(1)}}@keyframes波纹{0%{opacity:0;-webkit-变换：比例（.1）；transform:scale(.1)}5%{opacity:1}到{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}效果图不说什么，直接上代码。css3流水效果.point_area{text-align:center;位置：相对；宽度：150px；高度：150px；过渡：不透明度.5s缓出；}.point_area.point{位置：绝对；顶部：0；左：0；右：0；底部：0；宽度：10px；高度：10px；保证金：自动；-webkit-边框半径：50%；-webkit-background-clip：填充框；-moz-边界半径：50%；-moz-背景剪辑：填充；:填充框；背景：透明；}.point_area.point_dot{z-index:1;背景色：#ff903d；边框：1px实心rgba(255,144,61,.37);}.point_area.point_10{宽度：100%；高度：100%；}.point_area.point_10:after{内容：“”；显示：块；位置：绝对；顶部：0；右：0；底部：0；左：0；边界半径：50%；边框：2px实心#ff903d；不透明度：0；-webkit动画：4.5秒缓出225毫秒无限波纹；动画：波纹4.5s缓出225ms无限；}.point_area.point_40{宽度：100%；高度：100%；}.point_area.point_40:after{内容：“”；显示：块；位置：绝对；顶部：0；右：0；底部：0；左：0；边界半径：50%；边框：2px实心#ff903d；不透明度：0；-webkit-animation:ripple4.5sease-out.9s无穷大；动画：波纹4.5s缓出.9s无限；}.point_area.point_80{宽度：100%；高度：100%；}.point_area.point_80:after{内容：“”；显示：块；位置：绝对；顶部：0；右：0；底部：0；左：0；边界半径：50%；边框：2px实心#ff903d；不透明度：0；-webkit-动画：波纹4.5s缓出1.8s无限；动画：波纹4.5s缓出1.8s无限；}@-webkit-keyframesripple{0%{opacity:0;-webkit-transform:scale(.1)}5%{opacity:1}到{opacity:0;-webkit-transform:scale(1)}}@keyframes波纹{0%{opacity:0;-webkit-变换：比例（.1）；transform:scale(.1)}5%{opacity:1}到{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}北京
