仅在悬停时过渡

2023-12-05

我有这个:

.hello {
    opacity:0;
    transition: all 220ms ease 0s;
}

.hello:hover {
    opacity:1;
}

我希望过渡效果仅在用户时可见hover-in,而不是当它们悬停时。

那可能吗?


在本例中将过渡添加到hover.

Why?

因为当您悬停时,您将添加过渡并更改不透明度,因此设置了过渡属性,因此它将起作用。当鼠标离开该元素时,您会突然删除过渡,因此不再指定它,因此不再有过渡。

.hello {
  opacity: 0;
  font-size:35px;
}

.hello:hover {
  opacity: 1;
  transition: all 1s ease 0s;
}
<div class="hello">
  Hello
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

仅在悬停时过渡 的相关文章

随机推荐

  • 有没有办法将 MongoDB shell 输出“漂亮”地打印到文件中?

    具体来说 我想打印 mongodb 的结果find 到一个文件 JSON 对象太大 因此我无法使用 shell 窗口大小查看整个对象 shell 提供了一些不错但隐藏的功能 因为它是一个交互式环境 当您通过 mongo Commands j
  • 在mysql中通过key在json中查找

    我有一个 json 我想提取一个键的值 我知道钥匙名称 但不知道位置 我的 json 很复杂 在 mysql 中看起来像这样 set jsonstr glossary title example glossary GlossDiv titl
  • Swift 3 - 如何验证对象的类类型

    这行代码曾经适用于 Swift 2 但现在在 Swift 3 中不正确 if gestureRecognizer isMember of UITapGestureRecognizer 我收到此错误 类型名称后需要成员名称或构造函数调用 正确
  • 格式化 UITextField 以用于信用卡输入,例如 (xxxx xxxx xxxx xxxx)

    我想格式化一个UITextField用于输入信用卡号码 使其仅允许输入数字并自动插入空格 以便该号码的格式如下 XXXX XXXX XXXX XXXX 我怎样才能做到这一点 如果您使用 Swift 请阅读我对 Swift 4 的回答的移植并
  • 在 C/C++ 中将矩阵读取为二维数组

    在 C 中将数字矩阵读取 输入到数组中的最简单方法是什么 这是文件内容 尺寸未知 283 278 284 290 290 286 273 266 266 266 261 252 246 382 380 379 381 382 379 384
  • Ajax 响应文本返回为未定义

    我在这段代码中遇到了问题 返回值返回为 未定义 有什么问题 var fx null xmlhttp open GET URL false xmlhttp onreadystatechange function alert enter fun
  • 条形图:更改 x 轴并添加线条

    我有一个动物园 其每日数据如下所示 gt head almorol 1973 10 02 1973 10 03 1973 10 04 1973 10 05 1973 10 06 1973 10 07 183 9 208 2 153 7 84
  • 如何序列化Java类的静态数据成员?

    当我们序列化对象的时候 静态成员是不会被序列化的 但是如果我们需要序列化的话 有什么办法吗 第一个问题是为什么需要序列化静态成员 静态成员与类相关联 而不是与实例相关联 因此在序列化实例时包含它们没有意义 第一个解决方案是使这些成员不是静态
  • 提高 Angular2 输入字段的性能

    我有一个包含日期的组件列表 格式为toLocaleString 和其他东西 在它们之上有一个用于创建新组件的组件 其中包含一个表单 其中包含一些使用 Angulars FormBuilder 构建的输入字段 当我快速输入时 验证会滞后 并且
  • MySQL 错误 1436:线程堆栈溢出,使用简单查询

    我正在对表进行非常简单的更新 这也会触发一个非常简单的触发器 并且它给了我错误 1436 Thread stack overrun 6136 bytes used of a 131072 byte stack and 128000 byte
  • Python 对象的良好风格

    在使用 Python 之前 我的大部分编程都是使用 C 或 Matlab 进行的 我没有计算机科学学位 几乎完成了物理学博士学位 但已经完成了一些课程和大量的实际编程 现在 我正在 Coursera 上学习算法课程 顺便说一句 由斯坦福大学
  • 如何设置App Maker数据源中的当前项目?

    这看起来很基本 但我似乎无法弄清楚如何手动设置当前项目以从数据源使用 举例来说 我有一个表 我注意到当我选择一行来编辑字段时 该行的项目将成为当前项目 因此如果我在该行上有一个链接以导航到页面 则该行的行所选项目将是导航页面的 dataso
  • 按组移动窗口计数不同项

    假设我有一个包含医院就诊的数据集 我的目标是生成一个变量 用于计算访问者在访问日期之前见过的唯一患者的数量 我经常使用 dplyr 的 group by 但这似乎有点棘手 我想我必须使用 group by n distinct 和 sum
  • Python 连接不显示 Swagger UI

    我使用 connexion 模块构建了一个基于 Python Flask 的 REST API 这与使用 swagger yml 文件定义 REST API 一样效果很好 该应用程序正在运行 但是当我导航到
  • eigen 是否有像 H.transpose()*H 这样的自转置乘法优化

    我浏览过 eigen 的教程https eigen tuxfamily org dox devel group TutorialMatrixArithmetic html 它说 注意 对于担心性能的 BLAS 用户 c noalias 2
  • 容器视图控制器示例[关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 目前不接受答案 谁能给我指出创建自定义视图控制器作为容器视图控制器的任何好例子 我能找到的唯一文档是UIViewController 类参考 我觉得我需要更多的信息
  • Xcode 中的 Objective-C 类似 JavaDoc 文档? [复制]

    这个问题在这里已经有答案了 可能的重复 Objective C 中的文档如何做 是否可以在 Objective C 中以 Xcode 4 在快速帮助中显示它们的方式编写类 方法文档 和 或以 Apple 自己的文档风格从中生成文档文档 现场
  • 如何在 Swift 中创建类数组

    我创建了两个类 StepsCell 和 WeightCell import UIKit class StepsCell let name Steps let count 2000 import UIKit class WeightCell
  • 内联 WSDL 而不是 wsdl:import

    目前我的 WSDL WebService带注释的类创建一个描述类的外部 wsdl 它通过以下方式做到这一点
  • 仅在悬停时过渡

    我有这个 hello opacity 0 transition all 220ms ease 0s hello hover opacity 1 我希望过渡效果仅在用户时可见hover in 而不是当它们悬停时 那可能吗 在本例中将过渡添加到