Html 提交活动动画

我已经在下面分享了我的网站登录页面的一张图片，我想在鼠标悬停上缩放文本动画，以便登录按钮是

*{ 保证金：0； 填充：0； 框大小：边框框； } 身体{ 背景图像：向右线性渐变，rgba19,20,25,0.8，rgba19,20,25,0.8，url'../images/barbell-on-the-floor-1552252.jpg'； 显示器：flex； 证明内容：中心； 对齐项目：居中； 高度：100vh； 字体系列：“Poppins”，无衬线； } .表格{ 位置：相对位置； 宽度：350px； 填充：40px 60px； 背景色：131419； 边界半径：20px； 文本对齐：居中； 盒影：-3px-3px 20px RGBA33150243,0.5， 10px 10px 10px rgba331502430.05； } .表格h2{ 颜色：c7c7c7； 字号：500； 文本转换：大写； 字母间距：4px； } .表格.输入{ 文本对齐：左对齐； 边缘顶端：40px； } .form.input.inputbox{ 边缘底部：20px； } .form.input.inputbox标签{ 显示：块； 颜色：868686； 边缘底部：5px； 字号：18px； 左边距：10px； } .form.input.inputbox输入{ 宽度：100%； 高度：50px； 背景色：131419； 边界：无； 大纲：无； 边界半径：40px； 颜色：fff； 填充：5px15px； 字号：18px； 颜色：03a9f4； 框阴影：插入-2px-2px 6px rgba255、255、255、0.1， 插图2PX2PX6PX rgba0,0,0,0.8； } .form.input.inputbox输入[类型=提交]{ 边缘顶部：20px； 盒影：-2px-2px 6px rgba255、255、255、0.1， 2px2px6pxrgba0,0,0,0.8； } .form.input.inputbox输入[类型=提交]：活动{ 颜色：006c9c； 边缘顶部：20px； 框阴影：插入-2px-2px 6px rgba255、255、255、0.1， 插图2PX2PX6PX rgba0,0,0,0.8； } .form.input.inputbox输入：：占位符{ 颜色：555； 字号：18px； } .创造{ 颜色：灰色； 边缘顶部：30px； 字体重量：较轻； } .创建一个{ 文字装饰：无； 颜色：03a9f4； 字号：80%； } .忘了{ 颜色：灰色； 边缘顶部：15px； 字体重量：较轻； } .忘了{ 文字装饰：无； 颜色：03a9f4； 字号：80%； } .inputbtn{ 显示器：flex； 证明内容：中心； 对齐项目：居中； } .inputbtn输入{ 颜色：2196f3； 背景色：透明； 宽度：100%； 高度：50px； 边界半径：40px； 边框颜色：2196f3； 溢出：隐藏； 大纲：无； } .inputbtn输入：悬停{ 颜色：255784； 背景：2196f3； 盒影：0 0 10像素2196f3，0 0 40像素2196f3，0 0 80像素2196f3； 文本转换：scale0.20 } 训练 登录 用户名 暗语 或创建帐户

忘记密码

---

您可以尝试沿“：placeholder:hover”的行进行操作，以定位选择器，该选择器允许您将鼠标悬停在元素上，并将影响占位符中的文本。之后，您可以尝试将“transition”属性放在大括号内-{}，并为所需的文本大小设置“font-size”属性。理论上，只要将光标悬停在占位符上，它就会将字体大小调整为您设置的值。

根据您的描述，我相信这就是您想要的。我已经添加了字体大小：粗体；字体大小：1.4em；到.inputbtn输入：hover{}CSS指令

这可能不是您想要的精确文本缩放量，但您可以根据需要轻松配置它

运行和测试：

*{ 保证金：0； 填充：0； 框大小：边框框； } 身体{ 背景图像：向右线性渐变，rgba19,20,25,0.8，rgba19,20,25,0.8，url'../images/barbell-on-the-floor-1552252.jpg'； 显示器：flex； 证明内容：中心； 对齐项目：居中； 高度：100vh； 字体系列：“Poppins”，无衬线； } .表格{ 位置：相对位置； 宽度：350px； 填充：40px 60px； 背景色：131419； 边界半径：20px； 文本对齐：居中； 盒影：-3px-3px 20px RGBA33150243,0.5， 10px 10px 10px rgba331502430.05； } .表格h2{ 颜色：c7c7c7； 字号：500； 文本转换：大写； 字母间距：4px； } .表格.输入{ 文本对齐：左对齐； 边缘顶端：40px； } .form.input.inputbox{ 边缘底部：20px； } .form.input.inputbox标签{ 显示：块； 颜色：868686； 边缘底部：5px； 字号：18px； 左边距：10px； } .form.input.inputbox输入{ 宽度：100%； 高度：50px； 背景色：131419； 边界：无； 大纲：无； 边界半径：40px； 颜色：fff； 填充：5px15px； 法罗群岛 nt尺寸：18px； 颜色：03a9f4； 框阴影：插入-2px-2px 6px rgba255、255、255、0.1， 插图2PX2PX6PX rgba0,0,0,0.8； } .form.input.inputbox输入[类型=提交]{ 边缘顶部：20px； 盒影：-2px-2px 6px rgba255、255、255、0.1， 2px2px6pxrgba0,0,0,0.8； } .form.input.inputbox输入[类型=提交]：活动{ 颜色：006c9c； 边缘顶部：20px； 框阴影：插入-2px-2px 6px rgba255、255、255、0.1， 插图2PX2PX6PX rgba0,0,0,0.8； } .form.input.inputbox输入：：占位符{ 颜色：555； 字号：18px； } .创造{ 颜色：灰色； 边缘顶部：30px； 字体重量：较轻； } .创建一个{ 文字装饰：无； 颜色：03a9f4； 字号：80%； } .忘了{ 颜色：灰色； 边缘顶部：15px； 字体重量：较轻； } .忘了{ 文字装饰：无； 颜色：03a9f4； 字号：80%； } .inputbtn{ 显示器：flex； 证明内容：中心； 对齐项目：居中； } .inputbtn输入{ 颜色：2196f3； 背景色：透明； 宽度：100%； 高度：50px； 边界半径：40px； 边框颜色：2196f3； 溢出：隐藏； 大纲：无； } .inputbtn输入：悬停{ 颜色：255784； 背景：2196f3； 盒影：0 0 10像素2196f3，0 0 40像素2196f3，0 0 80像素2196f3； 文本转换：scale0.20； 字体大小：粗体； 字号：1.4em； } 训练 登录 用户名 暗语 或创建帐户

忘记密码

---

这是一个简单的解决方案，但请添加您的代码样本，以便我们可以在此测试Hello Hritik，欢迎使用StackOverflow！如果你分享你已经尝试过的东西，它会帮助人们帮助你。至于答案-我会说，看看：hover和box shadow css属性，你会得到你的答案您必须在问题中包含代码，而不是在驱动器上。我们需要查看您是否希望我们帮助您解决此问题。@Ivan86我已共享了您现在检查的代码链接。@HritikPotawade我的答案下面的注释发生了什么事，出于好奇，您为什么更改了已接受的答案？