腾讯校招页面偏下面的4个icon，是咋做到涟漪效果的啊
代码地址：A Pen by Tian Xiang最开始的思路是通过伪类，增加一个和父元素相等大小的块级元素，然后将边框设置成圆角边框，然后通过改变外边框的大小来实现动画后来发现当border的宽度到到达一定大小的时候，内容区域会出现各种各样的问题，楼主可以试试，随后改变思路，通过阴影来做，官方也是这样的做法。PS:如果不用伪类的话，直接给原有元素加上圆角边框属性，然后通过hover增加动画 添加阴影，也应该可以实现。
推荐阅读
![[车与生活]四驱+不一样的改变，让新车更有身份，4月上市新款奥迪A4L](https://imgcdn.toutiaoyule.com/20200402/20200402183717378374a_t.jpeg)
![[天极数码]2099元起，小米最便宜5G手机？小米10青春版发布：50倍潜望式变焦](https://imgcdn.toutiaoyule.com/20200428/20200428052439876820a_t.jpeg)
- 江苏高考■江苏省发布《2021年普通高校招生考试安排和录取工作实施方案》
- 分数线■江苏省2020年成人高校招生公布省控线上预填志愿投档分数线
- 银行系统的研发岗(程序员)是不是很难进(校招)推广到国企的研发岗(程序员)呢
- 唯品会无搜索模式真的能让大众消费者驻留页面更长时间吗
- 腾讯的社会责任在哪些地方体现了
- 为啥腾讯要关闭ios端的赞赏，而不是将支付费用直接乘以1.43倍
- 腾讯汽车|新CC领衔/12月上市轿车盘点 心动不如趁年底行动
- 有幸拿到腾讯与阿里巴巴两份实习，有点小纠结?
- 腾讯汽车|车圈｜小鹏汽车11月共交付4224台 P7累计交付量破万
- 怎样评价艺龙被携程腾讯铂涛收购