Javascript 如何使一个随机文本在鼠标悬停在按钮上旋转，就像谷歌一样；“我感到很幸运。”；有人能帮我吗？

我在“悬停在”按钮上搜索一些随机文本旋转的资源，然后用新文本停止。就像谷歌的“我感到很幸运”按钮一样。有人能帮我做这样的东西吗

问候

$（'hvrButton'）。悬停（函数（）{
$（'hvrButton'）.val（“我很高兴”）；
});
.btnCustom{
宽度：150px；
填充：10px；
背景色：#03A9F4；
颜色：白色；
}
.btnCustom:悬停{
宽度：150px；
填充：10px；
背景色：#0425f9；
颜色：白色；
字体系列：草书；
-webkit动画名称：btnRotate；
/*Safari 4.0-8.0*/
-webkit动画持续时间：4s；
/*Safari 4.0-8.0*/
}
@-webkit关键帧btnRotate{
从{
-webkit变换原点：中心；
变换原点：中心；
-webkit变换：旋转3D（0,0,1，-200度）；
变换：旋转3d（0,0,1，-200度）；
不透明度：0；
}
到{
-webkit变换原点：中心；
变换原点：中心；
-webkit转换：无；
转化：无；
不透明度：1；
}
}

ca search查看此代码笔您好Kinjal Akhani，谢谢您的回复。但是如何在旋转时显示新文本。我的意思是，鼠标悬停按钮后，需要显示新文本，而不是上一个文本。你也能帮上忙吗？你好，Munna_695，试试这段代码，在悬停时，新的文本“我很高兴”将出现，取代按钮中的“我感到幸运”值。@KinjalAkhani我想你没有弄清楚他的问题。你还写了一些我同意迪帕克·亚达夫的话。我感谢Kinjal Akahni愿意帮助我。但这不是我真正想要的。我希望文本在悬停时旋转，就像吃角子老虎机一样。