个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
<!doctype html>
<html>
<head>
<style type="text/css">
#i {
height: 20px;
background-color: #999;
/*return animation*/
-webkit-transition: height 0.3s ease-in 0s, background-color 0.4s ease-in 0.3s;
}
#i:hover {
height: 300px;
background-color: #F00;
/*begin animation*/
-webkit-transition: height 0.3s ease-in 0s, background-color 0.4s ease-in 0.3s;
}
</style>
</head>
<body>
<div class="c" id="i" >Hover Me</div>
</body>
</html>
见上文。如何仅使用 CSS 在/返回动画/上让方框“悬停在我身上”以将其背景色变为红色。它可以理解地返回 #999，但我不希望那样。
基本上:起始框 20px，#999 >> 展开 300px >> 收缩 20px，#red
当使用这样的转换时，还有一种方法可以将值传递给 css 属性:
-webkit-transition: background-color:red 0.4s ease-in 0.3s
感谢您的帮助。只是想了解最基本的知识。
最佳答案
您可以使用 CSS 动画做一些非常接近(但可能还不够)的事情。
在元素上设置一个动画(不是过渡)，然后暂停它。将其填充模式设置为 forwards。悬停时将动画设置为运行。当动画结束时，结束状态保持不变。
警告 - 如果有人在动画完成之前停止悬停，它将保持在当前位置，直到再次悬停。
#i {
height: 20px;
background-color: #999;
animation: animation 0.4s ease-in 0.3s;
animation-fill-mode: forwards;
animation-play-state: paused;
}
#i:hover {
animation-play-state: running;
}
@keyframes animation {
0 {
height: 20px;
background-color: #999;
}
50% {
height: 300px;
}
100% {
height: 20px;
background-color: red;
}
}<div class="c" id="i">Hover Me</div>关于html - CSS Transition - 获取返回动画，不同于 start css 属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32912311/
25
4
0
我刚刚注意到 align-self 属性的一些值，这是我以前从未见过的。什么是start、end、self-start、self-end，它们与有什么区别>flex-start 和 flex-end?
我见过程序员使用公式 mid = start + (end - start) / 2 而不是使用更简单的公式 mid = (start + end) / 2 用于查找数组或列表中的中间元素。 为什么他
我们已经设置了一个小型 AZURE VM(由 Microsoft 提供的普通 Windows 2012 R2 镜像)，其中包含一个轻量级 DEMO 应用程序，该应用程序可以与 SQLExpress 和
我在笔记本电脑上安装了Xampp 3.2.1版，之前MySQL在它上面运行得很好，但突然MySQL停止运行，而阿帕奇和其他公司都在运行。当我点击开始MySQL时，它显示这个错误我使用Windows 1
我希望我能解释清楚。 我有自动生成的代码，我希望用 CSS 覆盖它。 这是我希望覆盖的代码示例: #u1150:hover #u1153-4 p {color: red} 重要提示:此代码中的“u”将
在我的 package.json 中，我有以下脚本 block : "scripts": { "start": "react-scripts start",
https://github.com/lodash/lodash/blob/3.7.0/lodash.src.js#L2781 此代码段 start = start == null 中的 +start
上下文 我一直在阅读有关如何将 TUMBLINGWINDOW 函数与 TIMSTAMP BY 子句一起使用的文档，但似乎找不到有关如何计算包含 TUMBLING WINDOW 和 TIMESTAMP
我正在使用 Grunt 运行 Protractor 端到端测试用例。我有以下三个任务(我使用的是 windows 7 机器) webdriver-stop webdriver-start Protra
我正在创建一个简单的Java程序，它具有在窗口生成器的帮助下构建的GUI。 GUI只包含一个按钮。 单击按钮后，启动一个线程，该线程将无限次打印到随机数，直到再次单击同一按钮将其停止为止。 这是我的代
我一直在摆弄创建一个运行渲染的线程，并且我遇到了这种实现它的方法: Class Main implements Runnable { private Thread thread; private bo
我如何在 StartButton 类中编写一个 touchesBegun 命令，它在场景中调用 start() 任何实例本身？ 我知道......可能是 OOP 101。但今天我远远超出了我的范围。
关闭。这个问题需要更多 focused .它目前不接受答案。 想改进这个问题？更新问题，使其仅关注一个问题 editing this post . 8年前关闭。 Improve this questi
我的目标是运行多个进程并保存它们的 ProcessName和 Id供以后使用。这是我的代码 [System.Collections.ArrayList]$startedProcesses = @()
我在 8086 汇编方面没有太多经验，我想知道如果您不写起始标签 (start:) 和该标签的结尾，程序会发生什么 (end start)(围绕执行代码的标签)？ 所以我的问题是这个标签是否是执行所必
我在 8086 汇编方面没有太多经验，我想知道如果您不写起始标签 (start:) 和该标签的结尾，程序会发生什么 (end start)(围绕执行代码的标签)？ 所以我的问题是这个标签是否是执行所必
我想在另一个脚本的 Start() 之前从一个脚本运行 Start()。是否可以？您可以选择脚本的执行顺序吗？ 最佳答案 我不太确定 Start() 但您可以配置 Awake 的脚本执行顺序，OnEn
我有一个来自 Unity 文档页面的示例程序，其中包含 IEnumerator Start() ，如下所示，但我想知道如何才能拥有正常的 void Start() > 在同一个脚本中？ 我也尝试添加v
正如标题所说，“从机启动”和“从机启动”有什么区别？当我接受DBA面试时，他问了这个问题，我搜索了google但没有找到答案，有人知道吗？ 最佳答案 没有区别.. Slave start; 已弃用，现
我有几十个未记录的表，文档说未记录的表在崩溃或不正常关机后会自动截断。 基于此，我需要在数据库启动后检查一些表，看它们是否为“空”并采取一些措施。 简而言之，我需要在数据库启动后立即执行一个过程。 最
我是一名优秀的程序员,十分优秀！