translate-animation相关内容

全屏无限滚动背景

我正在尝试实现全屏无限滚动背景效果，该效果必须延伸到视口的整个高度和宽度。 这里是demo。 我尝试过的解决方案是获取一个具有视口的100vh和100vw的包装元素，然后在其中放置2个高度为100%的，它们具有相同的背景图像和background-size: cover属性。我使用的图片大小为：1920px×808px。 然后我在包装器元素上应用了以下动画： @keyfra ..
发布时间：2022-03-10 10:27:39 前端开发

CSS过渡效果使图像模糊/将图像移动1px，在Chrome中?

我有一些 CSS 在悬停时，CSS 过渡效果会移动一个 div. 正如您在示例中看到的那样，问题在于 translate 转换具有可怕的副作用，即使 div 中的图像向下/向右移动 1px(并且可能会一直调整大小)有点?)，这样它就显得格格不入，失焦了…… 故障似乎在应用悬停效果的整个过程中都适用，并且从反复试验的过程中，我可以肯定地说似乎只在平移转换移动 div 时发生(也应用了框阴 ..
发布时间：2022-01-22 21:54:18 前端开发

使用 OpenCV 平移和旋转 3D 图像

给定一个 3 x 3 的旋转矩阵 R 和一个 3 x 1 的平移矩阵 T，我想知道如何将 T 和 R 矩阵与图像相乘? 假设 Iplimage img 为 640 x 480. 我想做的是R*(T*img). 我正在考虑使用 cvGemm，但没有成功. 解决方案 您正在搜索的函数可能是 warpPerspective() :这是一个用例... //投影 2D ->3D矩 ..
发布时间：2022-01-16 14:44:01 其他开发

并行平移和缩放动画

我想将一些视图从任何位置移动到屏幕的中心并平行缩放.如果太复杂，按顺序翻译和缩放也是可以接受的.但我都无法实现.我认为这是枢轴点的问题.但很抱歉，我没有找到解决方案.请帮忙.可能对开发游戏的人来说很容易，我什么都没做. 下面是我的代码: private void moveViewToScreenCenter(最终视图视图){DisplayMetrics dm = new DisplayMe ..
发布时间：2021-12-30 21:31:45 移动开发

相对于 translateZ(0) 的 CSS 性能

许多博客都表达了通过使用 transform: translateZ(0) 来加速动画和过渡，从而“欺骗"GPU 认为元素是 3D 的性能提升.我想知道以下列方式使用此转换是否有影响: * {-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transfor ..
发布时间：2021-12-08 11:41:02 前端开发

在 Chrome 中，CSS 过渡效果使图像模糊/移动图像 1 像素?

我有一些 CSS，在悬停时，CSS 过渡效果会移动一个 div. 问题，正如您在示例中看到的那样，translate 转换具有可怕的副作用，即使 div 中的图像向下/向右移动 1px(并且可能因此调整大小)稍微?)所以它看起来不合时宜且失焦... 故障似乎在应用悬停效果的整个过程中都适用，并且从反复试验的过程中我可以有把握地说似乎只有在平移过渡移动 div 时才会发生(也应用了框阴影 ..
发布时间：2021-12-07 10:16:11 前端开发

Android 翻译动画 - 使用 AnimationListener 将 View 永久移动到新位置

我有安卓翻译动画.我有一个随机生成位置(next1，next2)的ImageView.我每 3 秒调用一次 void.它生成 View 的新位置，然后制作动画并将 View 移动到目标位置.翻译动画实现了 AnimationListener .动画完成后，我将 View 永久移动到新位置(在 OnAnimationEnd 中).我的问题是动画位置与设置 layoutParams 位置不对应.当动画 ..
发布时间：2021-11-27 13:37:10 移动开发

从上到下-翻译动画

需要制作下一个动画（在Android 2.2及更高版本上）： 1。上下移动按钮（单击鼠标后）， 2。从底部移到顶部（再次单击他之后）。 第一个动画效果很好，但是第二个效果很好 代码： 公共类MainActivity扩展了Activity { 静态RelativeLayout relativeLayout; 静态Button btn; 静态布尔值isUp = t ..
发布时间：2020-06-06 18:51:20 移动开发

使用CSS转换在对象的父对象的整个宽度上设置动画

我正在尝试使用css变换来改善100％宽度包装器内元素的位置，从而提高动画效果。因此，在重复动画之前，它从左侧进入屏幕，在右侧退出。 我认为可以为该动画使用百分比。我发现的是，平移与您要设置动画的对象有关。 因此，如果您有一个宽度为100px的对象，并且将动画设置如下： @keyframes moveme { 0％{transform：translate（-100px，150 ..
发布时间：2020-06-06 18:50:54 前端开发

如何以编程方式应用翻译和在视图上同时缩放动画

如何在视图上应用带有比例动画的平移动画。我必须将视图同时缩小到另一个视图位置。 如何将视图从其位置缩放到另一个视图位置（第二个视图是固定的）？ startView-翻译的视图 finishView-动画结束的位置。 **代码** private void startAnimation（查看startView，查看finishView）{ int startX ..
发布时间：2020-06-06 18:46:14 移动开发

用CSS旋转图像

我只想使用CSS将图像旋转90度.我可以旋转，但是图像的位置不是应该的.首先，它将覆盖同一div中的其他一些元素，其次，其垂直尺寸将变得大于包含div的垂直尺寸.这是定义两个类的代码. .imagetest img { transform: rotate(270deg); -ms-transform: rotate(270deg); -moz-transform: rota ..
发布时间：2020-05-29 02:01:37 前端开发

使用矩阵.在OpenGL ES 2.0中旋转

编辑-添加了更多代码 尝试使用OpenGL ES 2.0正确旋转四边形时有很多问题. 它总是围绕屏幕坐标中心旋转.我正在尝试使其绕其自身的中心旋转(对于2d，仅适用于z轴). 我一直在尝试使用Matrix.translate，如下所示.但是，在此处更改x或y pos只会将四边形绘制在屏幕上的其他位置，但是旋转时，它会再次绕屏幕中心旋转.请有人能解释一下如何使其绕自己的z轴旋转(如 ..
发布时间：2020-05-21 00:45:41 移动开发

使用OpenCV转换和旋转3D图像

考虑到3 x 3旋转矩阵R和3 x 1平移矩阵T，我想知道如何将T和R矩阵乘以图像? 假设Iplimage img为640 x 480. 我想做的是R*(T*img). 我当时在考虑使用cvGemm，但这没用. 解决方案 您正在搜索的功能可能是warpPerspective():这是一个用例... // Projection 2D -> 3D matrix ..
发布时间：2020-05-20 19:58:54 其他开发

Android翻译动画

我有一个高于底部250dp的ImageView，我想将它移动到底部以上50dp。 我知道如何使用翻译动画，但我不知道什么是ToYValue字段。 代码将是这样的： TranslateAnimation translate = new TranslateAnimation（Animation.RELATIVE_TO_PARENT，0，Animation.RELATIVE_TO_P ..
发布时间：2018-08-01 10:21:56 移动开发

列表旋转与有限的元素

里面有列表（卡片）的div container >。当我将它悬停时，卡片开始移动（ translateX动画）。 容器的宽度是 300px ，elements count in container：3 ，每个元素 width：100px 。 因此，您可以在容器中看到3个元素 overflow：hidden 。我想做什么？是，当没有元素在第三个元素后面显示 translateX动画-100px ..
发布时间：2018-06-19 20:16:56 前端开发

光标在IE11中的CSS转换w /过渡之后的错误位置

jsfiddle这里 这是 当我应用CSS transform：translate 到具有焦点的文本输入， transition 设置为有效的，当元素移动时，光标停留在旧位置。 一旦你开始键入，它移动到正确的位置，但在此之前，光标固定地眨眼在旧的位置。 问题...再次，它是一个IE特定的错误。 var toggleTop = function（）{$（'。input ..
发布时间：2017-02-19 21:04:38 前端开发