css3 逐帧动画

2023-12-15

我需要逐帧制作动画来更改元素的背景位置。我需要在没有缓动或线性动画的情况下执行此操作,只需更改背景位置即可。用css3动画可以实现吗?


是的,它是通过新的阶跃函数缓动曲线属性实现的。

使用“step-start”或“step-end”代替“ease-in”等,这将使过渡在过渡持续时间中指定的时间段的开始或结束时立即发生。

您还可以有多个步骤:“steps(N, start | end ])”,这将使转换以等间隔的步骤发生。

AFAIK 迄今为止仅 Chrome 支持此功能。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

css3 逐帧动画 的相关文章

  • 滚动视图上的固定按钮

    我目前正在尝试在屏幕右下角的滚动视图上显示一个按钮 但它不起作用 当我滚动视图时按钮会移动 我尝试先插入按钮 但滚动视图位于其上方 class HomePage extends Component loadUserItems this pr
  • 最佳实践:ASP.NET 中的 CSS 或主题?

    什么时候应该使用 ASP NET 主题 什么时候应该使用 CSS 使用其中一种相对于另一种有哪些优点或缺点 我建议使用 CSS 而不是主题 原因是在 CSS 中 您可以修改样式以使其适用于所有浏览器 您可以对主题做同样的事情 但微软的设计师
  • 自定义元素可以扩展输入元素吗?

    使用Web组件规范 是否可以扩展特定类型的
  • 是否可以使materialize.css模态更大并删除垂直滚动条?

    我刚刚创建了按钮 单击后会弹出一个模式 每个按钮都有一个显示不同练习 gif 的模式 然而 模态框太小 导致用户无法看到整个 gif 迫使他们向下滚动 我想删除滚动条并使模态更大 以便用户可以看到整个 gif 任何帮助都会很棒 这是我的代码
  • Flexbox 调整大小和可滚动溢出[重复]

    这个问题在这里已经有答案了 我有正在调整大小的内容 并且我想要一个固定标题 该标题不会增大 缩小 并且不属于可滚动内容的一部分 如果空间不足 下面的内容将变得可滚动 内容外包装 flexGrowWrapper has a flex grow
  • 正常显示截断的文本,但悬停时显示完整文本

    我有一个 div 里面有一段左右的文本 我希望它正常显示前几个单词 但在悬停时展开以显示全文 理想情况下 我想仅使用 CSS 来完成此操作 而不需要重复数据 这是我尝试过的 div 1 ONE div
  • jquery无法获取data属性值

    我正在尝试在 jQuery 中设置一个变量 该值应该在按钮的单击事件上设置 onclick 事件触发 但 x10Device 变量仍然存在undefined 我使用的是jquery 1 7 1 jQuery x10Device this d
  • JSF 不呈现自定义 HTML 标记属性

    我想向我的登录表单添加一些 iOS 特定的标签属性 如果我查看我的网页源代码 就会发现自动更正 自动大写和拼写检查属性不存在 这是什么原因呢 我正在使用 JSF 2 x
  • CSS 内边框?

    我纯粹用 CSS 创建了左侧的按钮 它是一个div 中的一个div 然而 右侧的三个按钮是background属性于img标签 我这样做是为了按照以下说明模拟翻转效果here http kyleschaeffer com best prac
  • 未捕获的异常:数据表编辑器 - 不允许远程托管代码

    我正在尝试使用 Datatables 使用 datatableseditor 来实现 CRUD 操作 但是我收到错误消息 1 未捕获的异常 数据表编辑器 不允许远程托管代码 请参见http editor datatables net有关如何
  • 将文本字段限制为仅包含数字的最佳方法?

    I m using the following Javascript to restrict a text field on my website to only accept numerical input and no other le
  • 从检查元素隐藏 ''

    我有这个 HTML 和 PHP 联系表
  • 悬停 CSS 仅适用于 Chrome

    嘿 我正在尝试使用 CSS 悬停类 它在 Chrome 上运行良好 但在 Firefox 上运行不佳 任何帮助表示赞赏 这是我的 CSS albumbox labeltext visibility hidden albumbox hover
  • 居中

    我的问题 http i56 tinypic com ff3jmo png http i56 tinypic com ff3jmo png 项目符号点未对齐 我要做的只是 text align center ing ul 所在的类 我可以对齐
  • 如何使用 Javascript 在 html 文件中搜索字符串?

    我有 5 个 html 文件 并且有一个搜索表单 我想用它来搜索这些 html 文件中的文本
  • 删除下拉链接并在导航栏菜单中显示其所有项目

    我正在使用 Twitter Bootstrap 及其响应式设计来实现顶部典型的 Twitter Bootstrap 导航栏菜单 在那里我有一些链接和一个下拉菜单 当我将浏览器大小调整为768px或者更少 它会转变为一种新的导航菜单 这一切开
  • 什么时候可以使用Javascript,什么时候不可以?

    不使用太多 javascript jquery 是个好习惯吗 我们应该尽可能避免它 为了良好的可访问性 吗 什么时候可以使用 JavaScript 什么时候不能在网页设计和开发中使用 JavaScript 在什么场景 什么条件下 Updat
  • 标题的下边框小于宽度

    我需要创建一个下划线效果底部边框小于h2标题的宽度 通常我不上传图片 但我认为这可能有助于进一步解释问题 您可以为此使用伪元素 例子 http jsfiddle net SZ39x pseudo border position relati
  • 深层嵌套 Flexbox 布局是否会导致性能问题?

    我一直在开发一个 ReactJS 项目 其中我使用 Flexbox 布局创建了大部分组件 由于使用 React 我们可以拥有深度嵌套的组件 因此我的布局具有嵌套的 Flexbox 布局 现在我的问题是 这对性能有任何问题吗 在一个页面上 有
  • 使用
    元素作为 JavaScript 代码的输入。这是最好的方法吗?

    各位 显然 我是编码新手 所以最近完成了一些有关 HTML 和 Javascript 的 Lynda 课程后 我的简单 HTML 页面遇到了困难 基本上 我想要的是使用 JavaScript 进行基本计算 让用户使用 HTML 输入两个数字

随机推荐

  • 子类上的重复生成器序列休眠

    我按照这篇文章来解决我最初的问题 在 Hibernate 中的子类上指定每个表的不同序列 但现在我得到一个例外 调用init方法失败 嵌套异常是 java lang IllegalArgumentException 重复的生成器名称 idg
  • 在设计 C# 类库时,什么时候应该选择继承而不是接口? [关闭]

    Closed 这个问题是基于意见的 目前不接受答案 我有一个号码Processor类将执行两种截然不同的操作 但从通用代码中调用 控制反转 情况 我想知道在决定它们是否都应该继承时 我应该认识到 或为您的用户认识到 哪些设计考虑因素Base
  • 使用 sed 替换文本

    我在通过 sed 替换脚本中的修改日期时遇到问题 我得到的最后修改日期是这样的 olddate grep m1 Built script sh cut c 22 29 我通过以下方式获取当前日期 newdate date d m y 基本上
  • 如何在实体框架代码优先方法中使用表值函数?

    我正在使用实体框架开发一个项目 现在我遇到了一种情况 我需要使用表值函数 它返回包含 2 列的表 因此我搜索了很多 我开始知道我们在数据库优先方法中使用表值函数虽然我首先需要在代码中使用它 情况是这样的 我有一个有两列的表格 Table1
  • 流畅的 nHibernate、Hi-Lo 表,使用约定每行实体

    有没有办法通过约定指定用于 Hi Lo 值的表 每个实体都有一个每行条目 同时仍然让 nHibernate 创建表结构 我想复制 Phil Haydon 博客上的内容here 但无需手动管理表 就目前情况而言 只有当您已经在表中为 Tabl
  • PostgreSQL:如何从 Unix 纪元转换为日期?

    声明给了我日期和时间 如何修改该语句 使其仅返回日期 而不返回时间 SELECT to timestamp TRUNC CAST epoch ms AS bigint 1000 You use to timestamp函数 然后将时间戳转换
  • 如何缩小 rand() 中的数字?

    以下代码每秒输出一个随机数 int main srand time NULL Seeds number generator with execution time while true int rawRand rand std cout l
  • VB.Net 隐藏标签页

    我在这里看到了一些关于如何在选项卡控件中隐藏选项卡的讨论 但它们似乎都是用 C 或某种变体编写的 我还没见过 vb net 的 我不会做 C 我想要做的是隐藏或禁用所有一些选项卡 直到用户登录 我已经解决了登录和注销问题 我需要做的就是添加
  • 在 UIScrollView 上显示大型 UIView 的最佳方式是什么?

    我有一个大UIView 它的大小可变 它可能大于 5000x5000size 我用它在上面画线 圈UIBezierPath 我还添加一些view就在上面 这些中的每一个subview的包含buttons textview labels et
  • Visual Studio 2015 调试自定义控件

    我将自定义控件编译为 DLL 这些控件是使用 Visual Studio 2012 开发的 并且部署到生产环境中没有任何问题 当应用程序加载时 这些控件将使用反射作为 插件 加载 当我使用 Visual Studio 2015 打开解决方案
  • (Godot 引擎)用 Tilemap 瓷砖填充 2D 多边形

    我在 Godot 引擎中遇到一个无法解决的问题 怎么可能 在代码中 用图块填充 Polygon2D 区域 我尝试过获得点位置 使用 2D for 循环遍历线的顶点 但我无法理解这一点 这是我期待的结果的模型 我有解决方案 有一点 hacky
  • MySQL 可以远程连接但不能本地连接

    这是一个奇怪的问题 我不确定发生了什么 我在运行 Ubuntu 10 04 LTS 的 Linux 机器上安装了 MySQL 我可以通过 SSH 访问 mysqlmysql p并以这种方式执行我的所有命令 我添加了一个用户 我可以使用Add
  • 我们如何使用 python 删除长度为 16 个字母或以上的所有不同单词

    我们如何删除长度为 16 个字母或以上的所有不同单词 将这些单词的大小减少到十五个字母 同时保持它们清晰 提示删除后缀 后缀和 或中缀 到目前为止我已经完成了以下代码 fo open anyFile txt wb words set w l
  • protobuf-net 和接口支持

    这个问题很大程度上直接向 protobuf net 维护者提出 但其他人请发表评论 我试图序列化一个包含具有接口类型的属性的类 即 DataContract public class SampleDataClass DataMember O
  • 如何使用正则表达式分割字符串以返回值列表?

    我怎样才能把绳子拿走foo 1 foo 5 foo 2并返回包含值的集合1 5 2以该顺序 我正在寻找在 C 中使用正则表达式的答案 谢谢 在 C 中 您可以使用捕获组 private void RegexTest String input
  • php过滤数组值并从多维数组中删除重复项

    大家好 我试图从此数组中查找重复的 x 值并将其删除 只保留唯一的值 例如我的数组是 Array 0 gt Array x gt 0 5 y gt 23 1 gt Array x gt 23 y gt 21 75 2 gt Array x
  • ArrayList 区分大小写

    我目前正在使用属于 ArrayList 类的 contains 方法进行搜索 有没有办法让java中的搜索不区分大小写 我发现在 C 中可以使用 OrdinalIgnoreCase 有没有等效的 java 或其他方法来做到这一点 谢谢 您可
  • flutter找不到Android SDK

    我已经安装了flutter通过 AUR 我也有aur android sdk 26 0 2 1安装 当我跑步时flutter run I get Warning This package referenced a Flutter repos
  • 需要有关如何使用霍夫曼代码对单词进行编码的帮助

    如何使用哈夫曼代码对单词进行编码 例如 NEED 霍夫曼编码基本上使用可变长度位字符串来表示标记 通常是字符 但有几个例外 令牌越常见 其位长度越短 并且在处理流时 通常 是动态的 通常有两个特殊的标记 ESCAPE 和 END STREA
  • css3 逐帧动画

    我需要逐帧制作动画来更改元素的背景位置 我需要在没有缓动或线性动画的情况下执行此操作 只需更改背景位置即可 用css3动画可以实现吗 是的 它是通过新的阶跃函数缓动曲线属性实现的 使用 step start 或 step end 代替 ea