1回答
我试图将animate.css中的“弹跳”效应应用于已经在其样式元素中具有以下属性的元素(由第三方JS库添加)：
style="... transform: translate(625px, 471px); ..."
当应用以下弹跳动画时：
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-web
浏览 4提问于2014-06-11得票数 2
回答已采纳
登录框从顶部飞出，输入字段与其一起动画，直到弹跳结束。在我看来很酷。
我想知道如何产生这样的效果。我想这是CSS3动画。这里有插件或库吗？
浏览 2提问于2013-12-24得票数 1
回答已采纳
添加弹跳动画，同时更改UIVIew框架。我只知道如何改变框架，但我不知道如何设置弹跳效果，同时改变视图框架。下面是我的密码..。
[UIView animateWithDuration:0.3 delay:0.0 options:UIViewAnimationOptionBeginFromCurrentState animations:^{
CGRect frame = viewContent.frame;
frame.size.height = CGRectGetHeight(viewContentFullDetail);
viewContent.frame = frame;
} com
浏览 2提问于2015-09-21得票数 2
回答已采纳
1回答
我正在做一个JQuery动画，我希望我能得到社区的帮助。
目标
我正试图创造一个全球动画。地球开始从左边的出现，然后开始弹跳。在反弹的同时，它也朝着前进的方向向右移动。当它到达页面的中心时，它就停止了。之后，下一个动画就开始了。在下一个动画中，地球开始旋转。
我试过什么？
我有两个动画正常工作作为单一单位，但我有困难加入他们成为一个。我已经完成了弹跳部分，但是当地球在弹跳时，旋转的效果应该被隐藏起来，并且应该在弹跳效果结束后开始。
我尝试使用带有延迟的hide()函数来做到这一点，但是我无法使它工作。我会非常感谢你的帮助。到目前为止，我已经实现了。
请帮助我隐藏旋转动画，直到反弹结束。提前谢谢
浏览 2提问于2012-05-19得票数 1
回答已采纳
我正在尝试动画的UIView的帧变化，其中原点和大小都会改变。动画看起来并不平滑，并且具有弹跳效果。我使用下面的代码来实现这一点
[UIView
animateWithDuration:0.5
animations:^{
self.view.frame = newFrame;
}];
似乎大小首先变化非常快，然后原点随着动画的指定持续时间而变化，最终导致弹跳效果。我怎么才能让它看起来很平滑呢？
浏览 0提问于2011-11-09得票数 8
回答已采纳
2回答
我试图添加一个弹跳效果的动画结束，而不使用任何第三方代码或javascript。我设法创造了动画，但未能达到反弹的效果。
这就是我到目前为止所做的：
HTML:
<div></div>
<div></div>
<div></div>
CSS:
div {
background: tomato;
width: 100px;
height: 100px;
margin-bottom: 10px;
transition: transform 0.3s ease-in;
trans
浏览 13提问于2015-04-22得票数 20
回答已采纳
1回答
有人能打开吗？当用户点击左上角菜单图标按钮时，这个应用程序实现了一个简单但流畅的动画效果。这幅动画的重点是：
状态栏根据左菜单侧边栏打开或关闭的时间逐渐消失；
当左菜单侧边栏打开时，主视图控制器会有一些弹跳效果，只需向右滑动；
当打开左侧菜单时，如果您试图关闭它，您可以看到主视图控制器有一点弹跳，显示右侧边框(“所有匹配”视图控制器)。
我刚刚克隆了回购，并与它玩了一点，但不幸的是，它似乎只有经典动画，而不是那些弹跳动画，我之前说过，我正在努力实现。
有人知道如何实现这样的东西吗？谢谢。
浏览 3提问于2014-01-04得票数 1
我尝试将两种jquery显示效果结合起来:弹跳和滑动。
我的原始幻灯片动画如下所示：
$('#mydiv').slideDown( 100, function() {});
和弹跳动画
( "bounce", { times: 3 }, "slow" );
我想让div向下滑动，当你点击上传照片时，它会像Tumblr一样弹出来
浏览 0提问于2014-03-09得票数 0
1回答
我想要一个连续弹跳动画在谷歌地图标记在iOS。
动画像下面的链接，点击标记->，
我们能在iPhone中实现这个弹跳动画吗？
我正在创建标记与动画出现，但我想动画标记与反弹效果持续。
GMSMarker *marker = [GMSMarker markerWithPosition:position];
marker.title = @"Delhi";
marker.zIndex=1;
marker.icon=[UIImage imageNamed:@"marker_user.png"];
// This is Only AppearAniamtion
浏览 2提问于2016-11-11得票数 7
回答已采纳
1回答
如果jQuery弹跳效果被应用于带有框大小:边框框和一些填充的div上，则在效果动画期间它会根据填充大小缩小。见。
HTML
<div class="test">
This is test div to bounce!
</div>
CSS
.test {
box-sizing: border-box;
min-height: 100px;
width: 250px;
background-color: #435ff3;
text-align: center;
cursor: pointer;
浏览 0提问于2015-03-09得票数 1
回答已采纳
1回答
我正在尝试弹跳效果使用关键帧动画。以下是小提琴链接：
盒子的背景在变化，但我的要求是给背景图像弹出效果，而不是背景颜色。
我到底需要什么：蹦床上弹跳(跳跃)泰迪有两种状态：
(1.手臂向上，2.手臂向下)跳跃时。
有什么办法可以实现吗？谢谢!
浏览 0提问于2015-04-30得票数 2
我正在尝试使一些动画与我的网站的主导航。这样，我希望在导航菜单项悬停时应用反弹效果。这是我的导航结构：
<div>
<ul>
<li><a>Home</a></li>
<li><a>About</a></li>
<li><a>Testimonials</a></li>
<li><a>Contact Us</a></l
浏览 0提问于2011-12-03得票数 2
回答已采纳
1回答
我试图隐藏一个与卷轴同步的元素。但是滚动弹跳效果把我的动画搞砸了。
override func scrollViewDidScroll(scrollView: UIScrollView) {
if (self.lastContentOffset > scrollView.contentOffset.y) {
"Animate UIView up"
}
else if (self.lastContentOffset < scrollView.contentOffset.y){
浏览 2提问于2015-08-06得票数 2
回答已采纳
2回答
有没有办法改变jQuery accordion使用的默认动画？它看起来是“幻灯片”，但我想使用弹跳或下降的效果。
下面是我当前的代码：
$("#accordion").accordion({
autoHeight: false,
collapsible: true,
event: 'click',
active: 4
});
我想把这个从幻灯片改成下落或弹跳。
浏览 1提问于2010-05-21得票数 5
回答已采纳
4回答
我正在动画一个div，但我想给这个动画一些效果，所以我尝试这样做。
$('#slider').stop().animate({"margin-right": '0'}, 'slow','easeOutBounce');
easeOutBounce不是为me.am i工作错了吗？但除此之外，一切都在起作用。
我还尝试了jquery ，如下所示
$('#slider').stop().animate({"margin-right": '0'});
$('#slid
浏览 9提问于2013-06-05得票数 4
回答已采纳
1回答
我有一个类似CSS的“通知框”；
.NotificationsBox
{
text-align:center;
position:absolute;
height:17px;
width:17px;
border: 1px solid #FFFFFF;
Background-Color: #0099FF;
border-color: #FFFFFF;
top:65px;
left:500px;
}
在JQuery中使用弹跳效果进行操作；
<script>
$(window).load(function () {
$(".Notificatio
浏览 1提问于2014-12-10得票数 3
2回答
我想创造一个像下面这样的动画泡泡。具有相同的扩展/收缩弹跳动画。有人知道怎么做吗？是一个动画的UIView吗？这是什么动画效果？任何关于如何做这件事的建议都将是非常感谢的。谢谢!
浏览 5提问于2015-06-07得票数 0
回答已采纳
1回答
我正在使用离子2+，并试图用animate.css动画一个图像。在最初加载图像时，它应该使用rubberBand动画，每次点击时都应该使用弹跳动画。rubberBand动画在加载时工作良好，但是无论我点击多少次，弹跳动画只能工作一次。我做错了什么？
html
<img src="/assets/image.png (click)="animate()" [className]="imgClass"/>
类型标
constructor(public navCtrl: NavController) {
this.imgClass = &#
浏览 0提问于2017-06-28得票数 1
1回答
我有一个CSS3动画-一个弹跳球，我想在三个不同的地区旅行。
<div class="ball">
<div class="col-1"></div><!--
--><div class="col-2"></div><!--
--><div class="col-3"></div>
</div>
<div>Ball Boucning Over DIV's</div>
浏览 5提问于2015-09-20得票数 1
回答已采纳
我该如何为每个div添加一个自定义动画延迟呢？基本上，类反弹包含动画css keyframe (animate.css)。现在，我有20个div叫做“360玩家弹跳”。但它们都是同时弹跳的。
示例：
<div class="360player bounce">
<a href="audio/The_Song.mp3">
The Song
</a>
</div>
只是想知道我怎么能做到这一点。我搜索了整个stackoverflow和谷歌，但到目前为止还没有找到。
浏览 3提问于2013-06-12得票数 0
回答已采纳
1回答
我需要制作一个比例驱动的动画对话框。我想用弹跳效果我试过用弹跳内插器
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="500"
android:fromXScale="0"
android:fromYScale="0"
android:interpolator="@android:anim/bounce_interpolator"
android:to
浏览 2提问于2013-07-31得票数 3
回答已采纳
3回答
我想做弹跳动画的层。
我已经完成了从右到中心的图层，现在我想把它移回一点，然后再回到中心。这会产生弹跳效果。
我在想，我可以像这样翻译：
<translate
android:duration="900"
android:fromXDelta="100%p"
android:toXDelta="0%p" />
<translate
android:duration="900"
android:fromXDelta="0%p"
android:toX
浏览 0提问于2014-05-30得票数 12
回答已采纳
1回答
我还不擅长Android动画，但我需要实现一个像这样的弹跳动画： ? 我已经尝试了BounceInterpolator，android:interpolator="@android:anim/bounce_interpolator"和translate +scale animations，但我没有得到效果 注意:如果你也能提供解释就更好了。
浏览 43提问于2020-07-28得票数 1
回答已采纳
1回答
以这个站点为例，如果你向下滚动到团队成员部分并打开你的开发控制台，你会注意到即使你停止滚动，仍然有少量的动画在继续。
相反:使用animejs的，当用户停止滚动动画时，动画就停止了，而不是有更多流畅的停止动画。
JS动画代码：
jQuery(document).ready(function($) {
// Window properties
let wHeight = window.innerHeight;
let wWidth = window.innerWidth;
$(window).resize(function () {
wHeight
浏览 0提问于2018-07-12得票数 0
回答已采纳
在安卓系统中使用动画时，有没有办法降低弹跳效果的幅度？默认情况下，它会产生比我想要的更多的反弹效应。
浏览 2提问于2016-10-17得票数 7
回答已采纳
这是我的jQuery代码：
$(document).ready(function() {
$(".bottommrg").mouseenter(function() {
$(".bottommrg").animate({
marginTop: '-20px'
}, {
duration: 500,
easing: 'easeOutCubic',
complete: function() {
浏览 3提问于2011-08-16得票数 0
回答已采纳
1回答
我在Drupal 7上安装了手风琴菜单。菜单工作得很好，但它的扩展并不顺利。我怎样才能使它变得更平滑？如何将JavaScript替换为on模块？
注意:我试过幻灯片和弹跳片。他们一点也不顺利。动画选项说(“弹跳”需要UI效果核心)。有什么东西我需要启用吗？
浏览 0提问于2014-08-09得票数 -2
我有一个从后端返回的项目列表。每一项都通过div的方式形成了一种瓦片，我想在它第一次渲染的时候，以及单独地对它进行动画处理。问题是所有的项都返回在一起，我的render函数将它们都呈现在一起。所以css动画可以同时在每个瓦片上可见，而我想要的是对每个瓦片有一个“随机”的弹跳效果:每个瓦片应该在2秒内出现，但不是随机的，而不是全部在一起。
这有可能吗？
浏览 0提问于2016-09-06得票数 2
我想使用。但它的尺寸超过了90公斤。
我只想要一个非常简单的弹跳动画。就这样。
除了进入源代码并尝试重新创建弹跳的关键帧和动画之外，还有其他方法吗？
例如，在中，或者在中，只有您所使用的内容才会包含在最后的包中。
对于Animate.css也有类似的东西吗？
浏览 6提问于2022-02-20得票数 0
1回答
我使用animate.css弹出一个元素。但当它弹跳的时候，我希望它保持旋转。以下是我所做的：
.rotateBounce {
background:#fefabc;
-moz-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-o-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
-moz-animation-iteration-count: infinite;
浏览 1提问于2015-02-06得票数 0
回答已采纳
下面是我的App.vue代码：
<template>
<div id="app">
<router-view></router-view>
</div>
</template>
<script>
import 'material-design-lite'
export default {
name: 'app'
}
</script>
<style lang="stylus">
@import url
浏览 4提问于2017-09-29得票数 1
1回答
试图使用的插件列表：
jquery.animate-enhanced.min.js
jquery.easing.1.3.js
基本上，我试图将一些jquery动画转换为“纯CSS3转换”。
这是我正在处理的代码：
$(this).animate({
bottom:(docHeight-80),
},600,
'easeOutElastic',
function(){
$(thi
浏览 4提问于2012-11-07得票数 0
1回答
我很难让弹跳效果起作用。只要锚标记相对定位，动画()就能工作。我在我的站点上对css和html都做了些改动：。
我正在寻找一个类似于的结果，但我认为我的css风格之一是打破反弹。但我不确定是哪一个。
编辑在发布后不久就找到了这个问题的答案，并玩了一遍。我需要添加位置:相对和显示:阻止到span标记，删除浮点数:左.
.nav ul.primary-menu li a span {
//float: left;
height: 198px;
line-height: 335px;
text-align: center;
width: 100px;
浏览 1提问于2011-08-19得票数 0
回答已采纳
我想要的动画：
我已经可以在没有滑动效果的情况下解决这个问题，方法是有一个容器和两个不同的TableViews，并在点击"Following/You“按钮时显示适当的视图。
关于添加滑动效果的方法有什么高级建议吗？如果你没有Instagram，滑动效果感觉就像是一个允许弹跳的水平用户界面视图。
浏览 8提问于2017-01-03得票数 1
1回答
我最近开始学习使用CSS的动画。它比JS和flash更容易，重量也更轻，但我知道CSS动画有局限性。
在上面的链接中，我只是想知道悬停在"Order Now“div上的效果是只通过CSS实现的，还是涉及到JS。我一直在尝试从页面源代码中挑选出对此效果负责的代码，但我只幸运地使用了CSS。我看不到任何改变div样式的JS。也许我错了。
有什么帮助吗？
浏览 2提问于2013-10-20得票数 0
4回答
Highcharts JS ()中是否有一个选项可以在图表加载时更改动画？现在，在柱状图上，柱状图从底部向上滑动。是否可以将默认动画更改为，比方说，弹跳？
浏览 1提问于2010-08-31得票数 6
回答已采纳
我正在尝试为下面的动画添加一个弹跳效果。下面是我的代码：
[UIView animateWithDuration:1.0
delay:.0
usingSpringWithDamping:0.5
initialSpringVelocity:2.0
options:UIViewAnimationOptionCurveEaseOut
animations:^{
// Coming from a value o
浏览 1提问于2015-05-06得票数 3
2回答
简单的动画-第一个想法出现，当两个物体碰撞。例如:播放器与对象保镖发生碰撞。会发生什么？
播放类开始弹跳动画
弹跳类启动自我动画，通知用户弹跳已启动。
这是一个简单的动画，看起来相当不错，但是，我有一个想法，如何增加更多的现实主义，我想，我想问，它真的可以这样做吗？
假设同样的情况玩家与保镖相撞
使玩家隐形
在弹跳类中，启动动画(涂有播放器和弹跳动作的动画帧(例如准备跳跃))
在第二步中，玩家的位置改变了，将玩家放到弹跳动画结束的位置。
使播放机可见
起跳
如果真的有可能的话，我认为这会更切合实际。有这方面的示例代码吗？
浏览 1提问于2013-01-31得票数 0
1回答
达到屏幕极限时的弹跳效果
、、、
我正在用画布制作动画，我已经设法用上、右、下、左键来控制图像(ship.png)。但是当我到达屏幕的极限时，我的弹跳效果有问题。如果你能给我一些关于怎么做的建议，你能帮我吗？
我试图在代码的这一部分中产生弹跳效应：this.displacement = function(e)
我特别想在这里加上一个OR条件：(e.keyCode，== '38')，但我想不出怎么做。
浏览 5提问于2022-08-14得票数 0
回答已采纳
1回答
jQuery( ".button" ).click(function() {
// STOP BOUNCING SMOOTHLYY
$('.button').on('animationiteration webkitAnimationIteration', function () {
var $this = $(this);
$this.removeClass('loading');
})
});
.button{
position: absolute;
top: calc(50vh - 10px);
浏览 1提问于2019-09-10得票数 0
1回答
如何在wp8中实现图像的弹跳效果?实际上我想从上到下为弹跳图像制作动画。
我参考了以下链接
我的代码：
var sb = new Storyboard();
Storyboard.SetTarget(sb, image);
sb.RepeatBehavior = RepeatBehavior.Forever;
sb.AutoReverse = true;
var da = new DoubleAnimation();
Storyboard.SetTargetProperty(da, new Prope
浏览 1提问于2015-07-15得票数 0
2回答
我正在使用一个有菜单的页面。当您选择菜单(鼠标悬停或鼠标移动)时，将出现一个下拉列表ul。以下是代码
<head>
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
<script type=&
浏览 0提问于2012-03-12得票数 3
回答已采纳
1回答
我想在android循环视图上实现弹跳动画效果。我怎么能这么做？
<android.support.v7.widget.RecyclerView
android:id="@+id/recycler_view"
android:scrollbars="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
浏览 3提问于2017-11-21得票数 1
回答已采纳
1回答
触发状态变化的特定功能
、、、、
当单击按钮时，我试图触发一个按钮以弹跳，并且我试图克服下面提到的一些事情：
如何在单击= true (也在加载上)时才停止执行useSpring？接下来的一个问题是。真是暂时的，我怎样才能使它在动画完成后或x ms之后恢复为假？如何阻止它在每次useState()输入变化时执行动画？如何提高动画的弹跳效果，使之看起来更加流畅？(可选)
export default function App() {
const [click, setClick] = useState(false);
const [input, setInput] = useState("");
浏览 0提问于2020-01-10得票数 0
回答已采纳
2回答
我有个问题。我刚刚开始学习jQuery，这是我对javascript的第一次体验。我想让一个元素在点击时有动画，我做了这样的工作：
HTML:
<h1>Testing</h1>
我正在使用Animate.css使一些动画发生在点击。这是我的jQuery：
$('h1').click(function (e) {
$('h1').addClass('animated bounce');
});
我想要实现的是，当我点击第二次，动画再次发生，事实上，我想要删除动画弹跳类并再次添加它
浏览 3提问于2018-11-06得票数 3
回答已采纳
我正在使用Google API v3中新的动画功能(弹跳)。
在上述链接代码中的示例中，默认的地图标记图标在弹跳期间在地图上有一个下拉阴影显示。
我正在使用一个自定义的地图标记图标，这是一个PNG。
问题：如何为我的自定义地图标记图标创建一个下垂阴影，在执行动画(弹出)效果时也会显示？
更新
下面是一个使用默认地图标记图标的示例。
http://code.google.com/apis/maps/documentation/javascript/examples/marker-animations-iteration.html
如何使用具有下拉阴影的自定义地图标记图标来完成此操作。
浏览 8提问于2010-12-14得票数 6
1回答
我试着用CSS动画制作一个弹跳球。
.bouncing-ball{-webkit-animation:bounce 3s;position:absolute;bottom:0;left:0}
@-webkit-keyframes bounce{50% {bottom:20%;left:40%;}100% {left:80%;bottom:0;}}
当我使用这段代码时，我会得到动画，比如上的show (红色的)。我怎样才能得到像绿色的动画？
浏览 2提问于2014-09-26得票数 1
回答已采纳
1回答
我有一个用ul/li列表创建的菜单。
为了创建一个很好的效果，我有以下css：
#menu ul {
/* ... */
visibility:hidden;
/* ... */
}
#menu li:hover > ul {
/* ... */
visibility: visible;
/* ... */
}
你可以在这里查看完整的代码：。
菜单运行良好，没有任何问题，除非我嵌入一个Youtube视频(例如随机的视频- <iframe src="http://www.youtube.com/embed/
浏览 1提问于2012-10-04得票数 0
2回答
如何将网球从水平表面弹出
、、、、
我有一个网球的形象：
有必要制作一个由固体表面弹跳而下的球的动画。
我得到了这样的动画，但它看起来不现实：
要启动动画，请单击图像：
<svg id="svg1" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="200" height="200" viewBox="0 0 200 200" p
浏览 2提问于2020-11-09得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
