css鼠标悬浮时，下划线变成会动的波浪线

实现原理

在:hover 样式中&＃xff0c;添加波浪线动画&＃xff0c;底图为底色透明的波浪线的一截&＃xff0c;网址为&＃xff1a;

data:image/svg&＃43;xml,%3Csvg xmlns&＃61;&＃39;http://www.w3.org/2000/svg&＃39; viewBox&＃61;&＃39;0 0 20 4&＃39;%3E%3Cpath fill&＃61;&＃39;none&＃39; stroke&＃61;&＃39;%23ff3300&＃39; d&＃61;&＃39;M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3&＃39;/%3E%3C/svg%3E

完整范例代码