33.鼠标悬停时的波浪线效果 & CSS 重置

鼠标悬停时的波浪线效果

在鼠标悬停在链接上时创建波浪线效果。

  • 使用 linear-gradient 为链接创建重复背景。
  • 为链接创建一个 :hover 状态,其 background-image 为一个包含带有波浪路径和动画的 SVG 的 data URL。
<p>The <a class="squiggle" href="#"

你可能感兴趣的:(CSS,技巧与案例详解,css,前端)