CSS变换:转换X动画渲染问题

文章/答案/技术大牛

发布

1回答

javascript、css、browser、rendering

首先让我解释一下问题，然后再解释我试图解决的问题。包括有效的东西，但性能不是很好，因此我提出了这个问题。问题是，当使用translateX (或translateY)对元素进行动画处理时，它的一部分根本不会被渲染。这对于CSS动画和CSS过渡是正确的。仅出现在大型元素上。为了让它更好，我尝试了以下方法：通过使用setInterval函数切换类来更改translateX值，可以使用变换而不是关键帧动画</em

浏览 15提问于2021-03-28得票数 0

3回答

使用Mobile Safari实现jQuery动画性能

javascript、jquery、html、mobile-safari、jqtouch

Short description of post content </li> function showDesc(id){}"desc1“隐藏在CSS中，并在用户单击帖子标题时显示(我只是在做

浏览 3提问于2011-10-26得票数 3

回答已采纳

2回答

在iOS - CSS3和jQuery动画上，哪一个是最有效的？

jquery、ios、css

iOS设备渲染CSS3动画/变换/过渡是否比我使用jQuery做同样的动画更流畅？

浏览 4提问于2011-12-30得票数 3

回答已采纳

2回答

是否可以仅通过CSS在页面加载时更改特定元素的背景？

javascript、jquery、css

other stuff</li></ul> 在页面加载时，我希望具有类.unread的列表项的背景从特定的颜色转换为实际页面的背景颜色还是只用纯CSS就能做到？

浏览 0提问于2012-01-19得票数 2

回答已采纳

1回答

导致高cpu使用率的Javascript动画

javascript、performance、animation、gsap、scrollmagic

我正在使用ScrollMagic库和GreenSock动画平台来创建单页滚动动画。以下是动画代码的示例：var controller = new ScrollMagic.Controller(); .setTween("#diseaseInitiation", 0.5, {top: -100})实际的<

浏览 0提问于2015-09-05得票数 1

3回答

jQuery动画变换平移x，y

jquery

我需要动画图像，但我想使用CSS变换。我在前面的问题中找到了解决方案： $('#box').animate({ fake: [100,50] }, { $(this).css('-

浏览 4提问于2013-04-10得票数 3

1回答

Extract -webkit-transform matrix3d values

javascript、html、graphics、css、3d

我正在尝试使用<canvas> (2d上下文)渲染3D形状，这意味着我必须执行一些手动投影变换。这可以做到吗？如果不是，我如何构造由-webkit-perspective origin执行的转换？我已经弄清楚了仅针对透视图的转换，但透视图起源于x=y=0，但并不总是如此。我意识到这个特定的情况(原点为x，y，z的透视图)可能会变成一个简单的x，y，z平移，然后紧

浏览 2提问于2012-05-02得票数 6

回答已采纳

2回答

干扰其他jQuery脚本的jQuery

javascript、jquery

我正在做一个特别繁重的jQuery站点，它有很多动画。这里有一个控制背景云(其中6个)的脚本：$(e).css('left', '-20%');有没有办法让他们不冲突？使用更少的资源，运行顺畅？

浏览 0提问于2014-07-25得票数 0

2回答

提高iPad上的CSS3速度

ios、webkit、css

iOS总体上倾向于在CSS3过渡、动画、变换等方面表现糟糕，这些都是该技术的一些最好的特性。有没有办法提高iOS上CSS3转换、转换、动画等的性能？还是说web应用注定是原生应用的塑料山寨版？编辑:这是有问题的代码... 只要点击这个链接，你就会看到

浏览 0提问于2011-04-21得票数 7

回答已采纳

2回答

Unity3D:雪碧渲染器与画布上的图像渲染器问题

user-interface、animation、unity3d、sprite-sheet

我在游戏中用精灵做动画菜单。我尝试了两种方法：我正在播放没有循环的精灵动画，然后在z轴上旋转变换。问题是，与图像，屏幕空间覆盖工作良好，但旋转的转换，使精灵看起来浮躁和粗糙。然而，有了精灵渲染器，屏幕空间就必须放在相机上，而精灵就会被放置在世界上其他资产之间。

浏览 5提问于2015-08-17得票数 1

回答已采纳

2回答

使用ajax加载时，具有相同颜色代码的文本是不同的

javascript、jquery、html、css

如果不张贴整个CSS和HTML文件，我不认为我可以在这里重现它，但这是正常页面加载时的HTML文本片段：<span class="primary-product-text">Knie insteekkoppeling, kunststof zwart, M6</span> CSS

浏览 20提问于2019-11-05得票数 0

回答已采纳

2回答

WPF旋转动画

wpf、rotation、rendertransform

我正在使用WPF，但我无法实现动画效果。当然，我希望为第二个动画保留矩形位置。我的问题是，当我改变渲染变换原点并应用第二次旋转时，当前位置不会保持不变，他会从初始位置移动。谢谢你的帮助。<Window x:Class="SimpleMove&

浏览 6提问于2010-10-14得票数 2

2回答

CSS旋转动画上的像素跳转

html、css、css-animations

所以我一直在尝试这个表单挑战，不使用JS作为交互元素，我决定让它变得“花哨”。单击时，窗体会下降，箭头会旋转；但是，您可以注意到像素的跳跃。我已经看过盒子模型好几次了，所有的像素都加起来了--我不知道这个跳跃是从哪里来的。阻止它的唯一方法是将箭头设置为绝对箭头，但如果布局没有变化，为什么会发生这种情况，这仍然是没有意义的。有什么想法吗？ https://codepen.io/mtbroomell/pen/zeMYdb .ins { text-shadow: -20px 0 0 r

浏览 30提问于2019-02-16得票数 0

回答已采纳

1回答

Android框架的哪个部分负责播放动画？

android、animation、rendering

查看源代码，animation类似乎只是计算动画对象所经历的变换，但它们并不负责实际“播放”动画，即以给定的帧速率将变换的对象渲染到屏幕上。我筛选View和ImageView的源代码已经有一段时间了，但是我找不出真正将每个转换绘制到屏幕上的代码所在的位置。有什么想法吗？为了澄清，我知道为了回放动画，您只需将其放在View中并调用startAnimation，但我想了解View或相关类的哪些部分实现了这些位。

浏览 0提问于2011-08-31得票数 4

1回答

Chrome DevTools时间轴更新层树事件

google-chrome、google-chrome-devtools

我正在构建包含大量内容的动画/过渡web应用程序。应用程序中有很多合成层，因为所有的东西都是使用css变换来移动/动画的。我正在尝试调试这个应用程序以找出渲染瓶颈，我注意到在Chrome DevTools -> Timeline -> Frame模式下有很多“更新层树”事件，比如：有谁知道这是什么原因吗？"

浏览 1提问于2014-09-08得票数 52

回答已采纳

1回答

Cocoa Touch:渲染图像时忽略遮罩: renderInContext:UIGraphicsGetCurrentContext()

ios、cocoa-touch、rendering、mask、uibezierpath

这对于显示效果很好:我最终得到了一个白色的形状，背景是灰色的，但是当我渲染蒙版时，蒙版被忽略了，我在结果图像中看到的只有白色。

浏览 0提问于2013-04-25得票数 0

回答已采纳

1回答

将CSS转换应用于容器，但不应用于内容

css

我在css3动画中有一个css转换，它导致div翻转。问题是内容看起来也翻转了。看，div和内容被翻转了。我怎么能只翻转/转换div，而不是它的内容呢？下面是我正在使用的带有变换的动画： 0%{ transform:perspective(400px) rotateY(0

浏览 1提问于2013-07-20得票数 1

回答已采纳

1回答

如何在Java中对多边形对象进行变换

java、casting、transform、polygon、shape

我做了一个变换，并用它渲染了一个Polygon对象(网格的类型是Polygon)： at.scale(scale, scale); g2d.fillPolygon(mesh); 现在我想要返回我渲染的精确网格唯一的问题是，如果我返回mesh，它将返回未变换的网格。

浏览 0提问于2012-11-13得票数 0

回答已采纳

2回答

CSS动画“变换”问题

css、css-animations、css-transforms

我遇到了一个我似乎不能单独解决的问题。我尝试使用'transform‘函数移动三个div(2个从左到右，1个从右到左)。基本上我想创建3个“盒子”，从页面的外部漂移，然后在某个点上停止。如果你能检查一下，让我知道出了什么问题，那就太好了。我猜问题出在div3身上？另外，这是正确的方法，还是在使用的函数(转换)方面有“更好”的方法。提前谢谢。

浏览 6提问于2021-09-12得票数 0

点击加载更多