使用css过渡模拟XD的“捕捉”动画

文章/答案/技术大牛

发布

1回答

css、frontend、css-animations、adobe-xd

这个视频是一个用Adobe XD制作的原型。https://imgur.com/BhQ2X9F 我正在尝试复制“快照”动画用来使css的效果软反弹，但我不能得到它的权利。这是我的尝试：https://jsfiddle.net/etw3qy48/2/ transition: all 0.3s cubic-bezier(0.68, -0.30, 0.265, 1.30);我需要帮助再现软反弹<e

浏览 11提问于2019-09-04得票数 0

回答已采纳

1回答

如何捕捉过渡的屏幕截图

iphone、ios、ios4

我想要捕获图像之间的过渡屏幕截图。UIGraphicsGetImageFromCurrentImageContext(); return newImage;我在UIImageView播放图像过渡时调用了此方法，但是，我只是在UIImageView中获得了静止图像，但无法捕获图像之间的过渡。

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

2回答

在css动画jQuery期间更新元素偏移量

jquery、css、animation、offset

我正在尝试在css动画期间获取元素的当前偏移量。我像这样通过jquery启动动画槽：当然，元素在CSS中得到了所有的过渡，所以.css变成了动画。然后我尝试像这样获得当前的偏移量：var Loffset = left.offse

浏览 0提问于2016-05-30得票数 0

1回答

在设置为"none“后重新设置scroll-snap-type无效

css、google-chrome、scroll、jquery-animate

最新版本的Chrome，69，现在支持滚动抓取类型，但显然不是很好。原始的CSS： scroll-snap-type: x mandatory;使用jQuery为过渡设置动画：$(".carousel").animate({

浏览 0提问于2018-10-18得票数 0

2回答

UINavigationControoller -setNavigationBarHidden:动画:如何同步其他动画

iphone、ios、uinavigationcontroller、uinavigationbar

当我以编程方式隐藏导航栏时，如何捕捉动画曲线和速度？我想将其他动画与此动画同步，以实现流畅的过渡:)

浏览 2提问于2012-01-04得票数 4

回答已采纳

2回答

css3简单的动画，当悬停在元素上时，它不会动画，它只是捕捉回来。如何让它的动画流畅的回来？

css、css-animations

这是一个简单的例子，但对于我需要这个的目的，过渡将不起作用，动画需要使用。Animate需要用于:hover事件，但是当悬停在元素上时，我可以使用trans

浏览 2提问于2012-07-12得票数 0

2回答

谷歌引力技巧的解释

google

我不是一个JS开发人员，但我偶然发现了一个名为谷歌重力的网站(那些没有使用它的人，尝试在那里搜索--你会很惊讶)，这是谷歌的主页。从那时起，我一直在思考和思考如何学习更多关于这个家伙如何实现它的知识。我试过谷歌搜索，但找不到一个很好的实现解释。所有的JS/CSS Gurus，你能指点我到一个地方，我可以了解更多吗？我已经了解了使用jQuery和AJAX的基础知识。

浏览 0提问于2011-09-17得票数 9

回答已采纳

1回答

在UWP中显示网格时模拟页面过渡动画

c#、xaml、win-universal-app、uwp

在页面之间导航时，会显示页面过渡动画(我在SplitView的Frame中添加了动画)。当窗口很窄或应用程序在手机上运行时，只会显示日历或日期。问题是，这感觉很笨拙，因为没有看起来像从日历过渡到一天的动画。因此，问题是，如何在显示Grid时模拟页面

浏览 1提问于2015-12-07得票数 2

1回答

除了CSS转换之外，还有什么方法可以旋转元素吗？

javascript、html、css、css-transforms

我有一些动画问题，我已经确定是由浏览器上的CSS过载过渡(或一台缓慢的计算机)造成的。我很好奇是否有任何替代CSS转换来旋转元素？(我正在模拟基于滚动位置的表盘旋转。)

浏览 2提问于2014-06-20得票数 0

2回答

HTML5和CSS3中的iPhone过渡和动画

javascript、html、css

如果不使用像jQTouch和jQuery这样的JavaScript框架，有没有办法只使用HTML5和CSS3就可以模拟原生的iOS页面翻转动画和类似的过渡？

浏览 1提问于2010-12-07得票数 1

回答已采纳

2回答

SharePoint 2010和iPad jQuery性能

javascript、jquery、ipad

我一直在开发一个使用jQuery的SharePoint 2010站点。网站上几乎所有地方都在使用jQuery。在iPad或iPhone上，jQuery动画可以正常工作，但我对其性能并不满意。总体来说，jQuery动画是滞后的。我一直在寻找这个问题的解决方案，但一无所获。有没有人想出解决这个问题的办法？

浏览 1提问于2012-02-17得票数 0

4回答

Jquery在滚动时动态显示div不透明度

jquery、css、jquery-animate、opacity

因此，我尝试通过滚动浏览器窗口来为css属性设置动画。到目前为止，下面的代码工作正常，但我希望它有一个过渡，而不是突然从不透明度1捕捉到不透明度0.5。任何帮助都是非常感谢的。提前谢谢。(function(){ if ($(window).scrollTop() > 50){ $('.header').cssbackground','rgba(200, 54,

浏览 4提问于2013-06-29得票数 0

回答已采纳

3回答

CSS过渡比DOM动画表现更好吗？

javascript、css

我正在运行一些使用进行数字滚动的程序。它支持两种模式: CSS过渡和DOM动画。当我使用DOM动画模式时，我发现有时滚动并不比CSS过渡更流畅。DOM动画:传统<em

浏览 0提问于2015-06-03得票数 2

1回答

为了在AngularJS上变得更好，我已经开始创建一些可重用的组件。我现在正在处理的组件是一个图像滑块/旋转。我已经创建了一个jsfiddle来重现我遇到的问题。Image Slider Example 我使用animationend来捕捉图像转换的时间。如果您打开控制台，然后单击“下一步”或“上一步”箭头，图像将淡入下一个，然后“在动画结束时”的文本将出现在控制台中(您必须等到动画结束后才能再次单击)。如果你继续点击大约1

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

1回答

事件上Three.js对象的缓慢动画，同时保持当前位置

javascript、animation、events、three.js

我试图在mouseOver上减慢旋转立方体的动画，并让它在mouseLeave上继续。目前，当鼠标进入立方体时，它会放慢速度，但也会非常突然地捕捉到另一次旋转，然后在鼠标离开时捕捉回来。有没有人能给我一些建议，让我在没有抓拍的情况下实现平稳的减速过渡？渐变效果也很不错，类似于css动画。我的代码如下。

浏览 51提问于2021-10-05得票数 0

1回答

当值频繁变化时(与性能无关)，CSS3转换会结巴。

css、animation、transform、css-transitions、transition

我目前正在用HTML和PhoneGap项目中的构建一个指南针应用程序，以获取指南针的方向。我遇到的问题是，当值频繁变化(每200毫秒)时，CSS转换会结结巴巴。请注意在实际的PhoneGap应用程序中，指南针值每200毫秒(或其他一些任意间隔)刷新一次，而不是在jsbin模拟中看到的不一致的更新间隔。我试着玩过渡时间一点，但都没有用。现在我的问题是:当旋转值频繁变化时，我应该如何使CSS</e

浏览 6提问于2015-03-15得票数 4

回答已采纳

1回答

谷歌地图v3 -覆盖默认的SmoothZoom行为

javascript、google-maps、google-maps-api-3

有没有办法防止谷歌地图在放大或缩小时自动进行平滑缩放过渡？我希望它只是捕捉到所需的缩放级别。例如，在ModestMaps库中，我可以将zoomDuration设置为0，以强制所有过渡都是即时的，而不是动画的。

浏览 4提问于2011-03-28得票数 0

1回答

背景图像转换的jQuery回退

jquery、background-image、css-transitions、fallback

我有一个脚本，它以设定的间隔在预加载的图像数组之间旋转，以更改背景图像。我正在使用过渡(transition: background-image 2s ease)来使旋转淡入淡出，但这目前只在Chrome中支持。我可以使用jQuery修改脚本，让元素动画淡出，更改源，然后淡入，但启用此脚本会覆盖Chrome的行为。作为附带/备选问题，是否可以使用jQuery模拟交叉衰落？如何才能允许Chrome使用

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

回答已采纳

2回答

如何制作从a点到b点的动画？

javascript、html、animation、jquery-animate

如何使用纯javascript将图片从a点动画到b点?如果没有，除了jQuery，我还可以使用其他框架吗？这是我到目前为止所拥有的

浏览 3提问于2013-03-07得票数 0

1回答

通过用于iPad优化的jQuery加速图像动画

javascript、jquery、performance、web-applications

我想知道如何才能加快图片在网站中的移动速度。这个网站应该是尽可能快的iPad和目前的图像移动不是很流畅。(在iPad3和iPhone 5上进行了测试)<div id="slide1" class="slides"></div> <div id=&q

浏览 0提问于2013-02-23得票数 0

回答已采纳

点击加载更多