Shaking Text 动画是一个非常酷的动画,可以在网站中使用,这个动画可以使用一些基本的 HTML 和 CSS 轻松创建,下面的部分将指导如何创建动画。
HTML 代码:在本节中,我们有一个基本的div元素,其中包含一些文本。
Shake Text
Shake!
CSS 代码:在本节中,我们将首先使用一些基本的 CSS 来设计文本并使用@keyframes动画,然后使用transitionX()函数来产生悬停在文本上时的抖动效果。
最终代码:是以上两个代码段的组合。
Shake Text
Shake!
输出: