📌  相关文章
📜  如何使用 HTML 和 CSS 在悬停时摇动文本?

📅  最后修改于: 2021-10-29 04:14:45             🧑  作者: Mango

Shaking Text 动画是一个非常酷的动画,可以在网站中使用,这个动画可以使用一些基本的 HTML 和 CSS 轻松创建,下面的部分将指导如何创建动画。

HTML 代码:在本节中,我们有一个基本的div元素,其中包含一些文本。




  
  
  Shake Text


  
    

Shake!

  
      

CSS 代码:在本节中,我们将首先使用一些基本的 CSS 来设计文本并使用@keyframes动画,然后使用transitionX()函数来产生悬停在文本上时的抖动效果。


最终代码:是以上两个代码段的组合。




  
  
  Shake Text


  

  
    

Shake!

  
          

输出: