scss CSS悬停Flash效果

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss CSS悬停Flash效果相关的知识,希望对你有一定的参考价值。

.flash {
  @keyframes flash {
      0% {
          opacity: 1;
      }
      15% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }

  &:hover {
      text-decoration: none;
      animation: flash 0.5s ease-out;
  }
}

以上是关于scss CSS悬停Flash效果的主要内容,如果未能解决你的问题,请参考以下文章

scss 导航菜单悬停效果

scss 悬停效果看神

scss 悬停效果看神

CSS 变量和 SCSS 混合

悬停动画反弹

markdown 使用scss进行10次令人惊叹的悬停效果