效果图；什么也不说了，上代码。&lt；，144，61。&lt。DOCTYPE html&gt；&lt；html&gt；&lt；head&gt；&lt；title&gt；css3 水纹效果&lt；/title&gt；&lt；style type=&quot；text/css&quot；&gt；.point_area { text-align： center；position： relative；width： 150px；height： 150px；transition： opacity .5s ease-out；} .point_area .point { position： absolute；top： 0；left： 0；right： 0；&quot。