当用户将鼠标悬停在元素上时

[arzina44]

击链接之间的区别图片来源一些网站还使用悬停效果以便仅当用户将鼠标悬停在元素上时才会显示附加信息。否则它将保持隐藏状态。这非常适合向您的网站添加工具提示这是开发人员提供的示例您还可以使用悬停效果来鼓励访问者在您的网站上采取操作。例如当用户将鼠标悬停在按钮上时使按钮变大可能会说服他们实际提交表单进行购买或完成您想要的任何号召性用语。下面是亚当摩根的一个例子。但是在触摸屏设备上实现伪类时请务必小心。该元素可能永远不会开始其过渡或动画效果。或者它可能会在用户将鼠。

标悬停在元素上后停止一会儿。或者即使用户不再将鼠标悬停在其上它也可能会连续循环播放其动画序列。其行为取决于浏览器。因此您应该确保您的内容可以在所有设备上访问包括那些具有有限或不存在悬停功能的设备。这意味着您仍 数字数据 然可以在网站上创建和添加悬停动画但它们对于内容的含义或用户体验来说并不重要。如何创建悬停动画以下是如何在元素上设置悬停动画设置动画属性。使用动画属性或其子属性来设置元素的样式。请注意这仅配置持续时间计时以及动画序列如何进行的其他详细信息。要真正开始动画序列并使元素移动您需要设置规则。



定义动画属性的子属性。动画属性由以下子属性组成动画名称规则。动画名称声明用作属性动画名称用作属性值例如动画名称。动画持续时间这是一个动画周期的时间长度。它可以以秒或毫秒为单位设置例如。动画计时函数这就是动画通过关键帧过渡的方式。它指定动画的速度曲线确保变化顺利发生。您可以使用预定义的值包括和。您还可以为此函数使用您自己的值。动画延迟加载的元素开始动画序列之前的时间以秒或毫秒为单位定义。这些值是时间可选初始将属性设置为其默认值和继承从父元素继承属性。