如何使图标具有动画效果？
要使图标具有动画效果，可以通过以下几种方式实现：
- CSS动画：使用CSS的@keyframes规则和animation属性，可以定义图标的动画效果。通过指定关键帧和动画属性，如持续时间、延迟、重复次数等，可以创建各种动画效果。例如，可以使用transform属性实现旋转、缩放、平移等效果，使用opacity属性实现淡入淡出效果。推荐腾讯云的CSS3动画库animate.css，它提供了丰富的预定义动画效果，可以直接应用于图标元素。
- JavaScript动画库：使用JavaScript动画库可以更灵活地控制图标的动画效果。一些流行的JavaScript动画库包括GreenSock Animation Platform (GSAP)、Velocity.js和Anime.js等。这些库提供了丰富的动画效果和API，可以通过编写JavaScript代码来实现复杂的图标动画。推荐腾讯云的动画库腾讯动效（Tencent Animation），它是一款基于CSS3和JavaScript的动画库，提供了多种动画效果和交互特性。
- SVG动画：如果图标是使用SVG（可缩放矢量图形）格式创建的，可以通过在SVG代码中添加动画元素来实现动画效果。SVG动画可以使用SMIL（Synchronized Multimedia Integration Language）或JavaScript来实现。通过在SVG元素上定义动画属性，如动画类型、持续时间、重复次数等，可以实现各种动画效果。推荐腾讯云的SVG动画库Snap.svg，它是一个强大的SVG动画库，提供了简单易用的API，可以实现复杂的SVG动画效果。
相关·内容
2回答
当主应用程序正在处理时，我如何使托盘图标具有动画效果？我已经尝试了建议，但图标在处理过程中没有动画。我也试着将动画放在单独的线程中，但仍然没有成功。
浏览 0提问于2010-03-29得票数 4
回答已采纳
1回答
Xamarin表单页面过渡动画
、、、、
我正在尝试使我的页面具有动画效果，以便当单击设置图标(在右上角)时，设置页面将从右上角扩展为当前主页上的一个圆圈。Example settings page 另外，当你点击主页的一角时，我想关闭这个圆圈。有人知道我是怎么做到这一点的吗？
浏览 42提问于2020-06-27得票数 1
回答已采纳
如果您使用最后一个版本的WhatsApp，您会注意到，如果您在聊天中长时间单击一个文本框，那么工具栏上的菜单图标就会随着旋转的动画而改变。
我怎么能重现这种效果呢？我知道我应该使菜单无效，但不知道如何制作动画。
浏览 0提问于2015-06-11得票数 5
回答已采纳
1回答
我使用的是苹果开发网站上的PageControl项目。我已经为项目添加了一个翻转视图，并在每个视图/页面的右上角添加了一个信息图标。由于某些原因，只有第一页能够动画翻转。上的第2页仍显示翻转的页面，但不会显示动画。为了确保第1页没有任何特殊之处，我将第1页和第2页互换，这样做效果很好。位置%1中的页面%2有动画效果，而位置%2中的页面%1没有动画效果。你知道为什么会发生这种情况吗?或者我怎么才能解决问题？
我确实看过这个帖子，似乎是同一个问题：。然而，我的flipview是一个UIViewController，上面有信息图标的类也是。在另一个线程中，它们使用UIViews。
我在上面的线程中实
浏览 1提问于2009-11-01得票数 0
回答已采纳
我们的应用程序中有一种旋转木马控件:一堆图标正在旋转(TranslateTransform和DoubleAnimation用于圆圈移动图标)。图标只是一个带有DropShadowEffect的图像。在.NET中，动画是平滑的。我最近切换到.NET 4和图标现在“跳转”，动画并不顺利。
我试图删除DropShadowEffect，它解决了这个问题。是否有一种方法可以顺利地使元素具有动画效果？我试过像UseLayoutRounding，BitmapScalingMode这样的东西。也许有什么我不知道的环境？
更新这不是一个性能问题。基本上，我在图像上面添加了一些文本(要动画的对象是一个具有Text
浏览 3提问于2011-01-19得票数 1
2回答
我已经用在Facebook/Path应用程序中实现了一个类似的侧边栏，但我注意到Spotify应用程序有点不同，效果非常流畅。侧边栏还没有完全可见，但它会滑动并显示更多的图标，就像你用手指滑动一样。如何以这种方式使侧边栏具有动画效果？
这里有一张更好的解释的图片。
浏览 0提问于2013-06-12得票数 5
回答已采纳
3回答
我创建了这个。在这个网站上，我有很多有图标的标签。
这个图标的数量是soap-icon，有动画，但是有很多图标是icomoon-icon没有动画的。当我签入控制台时，我发现动画效果被分配给这个图标，但是当我在这个图标上悬停时，它会运行另一个效果。
如何解决这个问题？
css：
.search-box-wrapper.style2 .search-box > ul.search-tabs li > a:hover i:before {
-webkit-animation: toTopFromBottom 0.35s forwards;
-moz-animat
浏览 2提问于2016-04-08得票数 1
回答已采纳
1回答
我有一个布局相当复杂的活动，包括一个图标库，我想在其中一个图标上应用缩放效果(无限重复)。
在一个仅包含图库的示例活动中，效果效果非常好。然而，在我最初的活动中，动画不起作用。我注意到，每次我触摸画廊时，动画图标的比例都会更新，但立即停止。(这意味着如果我以非常快的速度反复触摸画廊，我可以以某种方式看到动画)
您是否了解导致此问题的原因或如何调试此问题？
谢谢。
浏览 4提问于2011-11-29得票数 0
回答已采纳
当我正在进行的通知处于活动状态时，我正尝试在状态栏中显示与不确定进度条(不是水平进度条，而是圆形进度条)相同的动画图形。
我尝试查找对应于不确定进度条的资源ID，但发现它是通过代码生成动画的。
我尝试将Notification实例中的图标ID设置为GIF动画，但状态栏中只显示GIF的第一帧。
如果我将图标ID设置为android.R.drawable.progress_indeterminate_horizontal，，图形动画效果会很完美。所以，我的问题是-在这种情况下动画是如何实现的？通过iconLevel？如何设置动画图标，而不需要自己定期设置动画图标？
浏览 0提问于2011-04-13得票数 5
回答已采纳
8回答
适用于iPhone的Skype应用使用动画TabBar图标。例如，在登录期间，最右侧的选项卡图标显示循环箭头。当呼叫时，标签图标轻轻地闪烁，这显然是通过动画完成的。
我想知道如何使选项卡栏项目的图标具有动画效果。
在我的特殊情况下，当用户按下“收藏”按钮时，它会跳到“收藏”选项卡栏项目上。我已经实现了跳跃动画，但我希望相应的选项卡栏图标在动画结束时闪烁，以给它带来完成感。
对我应该关注的方向有什么建议吗？
提前谢谢。
浏览 12提问于2010-08-19得票数 18
回答已采纳
1回答
我正在使用的滑动菜单，我可以设置这里给出的导航抽屉图标
。
现在我想知道如何为它设置动画，例如，当我拖动滑动列表时，它应该显示小瞬间效果，就像我们在play store应用程序中看到的那样。
我正在使用用于actionbar的ABS库
浏览 6提问于2014-07-06得票数 1
1回答
我有一个
我有两个问题。
1)在打开或关闭右侧导航抽屉时，左侧(3条)的导航抽屉图标具有动画效果。
2)我不知道如何将图标添加到右边，并使它只为正确的抽屉动画。
浏览 3提问于2014-02-18得票数 10
回答已采纳
我想让我的Delphi应用程序在通知区域显示一个动画托盘图标。我也对此进行了搜索，但我只得到了不使用的TTrayIcon的结果。
我使用Shell_NotifyIcon，不知道如何在通知区域中动画托盘图标。用于设置动画间隔的计时器(TTimer)应该能够在任何时候停止并启动。
问题是，在完成表单的第一次恢复之后，我不知道如何启动TTimer。
我的意思是，用户打开我的程序，并将其最小化到系统托盘，其系统托盘图标动画效果良好，用户由于某种原因再次将其还原，他再次将其最小化到系统托盘，然后系统托盘图标动画和系统图标动画能够重新启动，不应该像正常的系统托盘图标那样显示，不动画。**
我怎样才能做到这
浏览 0提问于2016-07-29得票数 1
我从设计师那里得到了一项任务，似乎需要一些技巧才能完成。基本上，当内容向上滚动时，我必须使导航栏顶部的面部图标具有动画效果。
有没有办法做到这一点？有什么高雅的方法吗？
浏览 0提问于2015-10-07得票数 2
2回答
我有一排图标在我的页面上，我想创建一个波动动画效果，当用户悬停在他们与光标。
我正在为初学者使用这个基本代码：
$('#icons > li')
.hover(function() {
$(this).animate({
'top': (-1 * hover_distance)
}, hover_speed);
}, function() {
$(this).animate({
'top': 0
}, hover_
浏览 11提问于2013-08-22得票数 1
我已经尝试在谷歌上搜索摇晃效果/舞蹈图标/对象效果，但我找不到好的答案。
如何创建摇晃/跳舞的动画，就像我们在iphone/ipad中看到的那样，当我们触摸并按住应用程序图标时，
提前谢谢你
致敬，永基
.........................................................................................
我刚刚得到了创建这种效果的最好的插件，这里是
谢谢
浏览 2提问于2013-05-22得票数 0
回答已采纳
颤动发展 我想创建一个按钮，就像Gmail的Android应用程序中提供的按钮一样。 它是一个扩展的浮动按钮，右边有一个图标，右边有一个标题/文本，当你向下滚动电子邮件列表时，按钮会“收缩”成一个只有图标的传统浮动按钮。 如果能有动画效果就太好了。
浏览 10提问于2020-09-25得票数 0
1回答
我是新来的，我只是有一个关于在iPhone应用程序中动画垃圾桶图标的问题，比如在照片和邮件应用程序中。我尝试使用方法在UINavigationController的工具栏中设置回收站图标的动画效果，但似乎没有任何效果。
有没有人能贴出一个如何正确使用这种方法的代码样本？谢谢
-(void)animateToolbarItemIndex:(NSUInteger)index duration:(NSTimeInterval)duration target:(id)target didFinishSelector:(SEL)selector;
浏览 0提问于2010-02-16得票数 0
1回答
矢量可绘制中的Shimmer动画
、、、、
我一直在尝试使用动画矢量drawable来实现一个图标的微光动画。我正在寻找的效果类似于这个-
我使用来获得这个效果，即使这正是我所需要的，我还是想使用矢量动画来获得这个效果，因为只为这个动画包含一个库是没有意义的。有没有人能给我一些建议或起点，告诉我如何做到这一点。
我对相当满意，但是我还不能实现这个动画
谢谢!
浏览 17提问于2020-05-25得票数 3
回答已采纳
我第一次尝试使用JQuery/JQUI来创建一个简单的社交图标反弹效果。
我以为下面的代码已经写好了..
..but有两个问题：
动画队列(我似乎无法让它们停止使用.stop() )
如果你移动鼠标，一遍又一遍地改变图标的位置(推特图标在facebook下面移动，facebook图标向左/向下滑动)。
很明显我漏掉了什么东西！我是个新手，所以请温柔点，指出正确的方向。
非常感谢
B.
浏览 4提问于2012-06-15得票数 0
回答已采纳
1回答
我正在尝试用Android的Google中的标记创建一个动画。
所期望的效果如下：
显然，我不能将gif设置为标记的图标。我也有所有的框架动画，但它真的是沉重的使用他们。知道如何完成这个动画吗？
数字的最终外观也可以是“静态的”，而不是显示的效果。我不需要代码，但是拥有一个指针/如何这样做的想法已经很好了。
谢谢您:)
浏览 2提问于2014-10-30得票数 2
回答已采纳
我正在使用Google API v3中新的动画功能(弹跳)。
在上述链接代码中的示例中，默认的地图标记图标在弹跳期间在地图上有一个下拉阴影显示。
我正在使用一个自定义的地图标记图标，这是一个PNG。
问题：如何为我的自定义地图标记图标创建一个下垂阴影，在执行动画(弹出)效果时也会显示？
更新
下面是一个使用默认地图标记图标的示例。
http://code.google.com/apis/maps/documentation/javascript/examples/marker-animations-iteration.html
如何使用具有下拉阴影的自定义地图标记图标来完成此操作。
浏览 8提问于2010-12-14得票数 6
3回答
Jquery动画插播徽标
、、、
我想在上的徽标是和动画下降在页面加载Jquery，就像当你点击更多的模式。一旦我学会了如何做到这一点，我将为地图标记创建相同的效果。有谁能给我指个方向吗？我在谷歌上搜索过，只能找到fade的
非常感谢您的帮助！
提前谢谢你，Roy
浏览 0提问于2011-11-11得票数 2
回答已采纳
默认情况下，Chrome浏览器操作提供了非常好的弹出效果。
删除死ImageShack图像链接
在工具栏图标上悬停提供了一个整洁的悬停效果。点击工具栏图标的显示了一个很好的动画，它打开了弹出html文件。弹出窗口和按钮是对齐的，工具栏图标再次淡出弹出式。。
对于如何用Firefox扩展来近似这个效果，有什么想法吗？是否有人成功地取得了类似的成果？
谢谢。
浏览 2提问于2010-01-16得票数 11
回答已采纳
2回答
嘿，我在你的网站上展示了很多商业图标。我想添加与他们相关的酷动画。我曾想过图标会一直保持灰色，直到你将它们悬停。然后它们慢慢地变成了彩色的。首先，我用filter: grayscale(100%)做了这个效果。但是，这些图标有不同的灰色阴影，看起来很糟糕。然后，我找到了一个svg过滤器，如下所示。不幸的是，我不知道如何动画这个过滤器的转换效果。因此，我正在寻找帮助，以使这个动画工作，或另一种方式，以实现这种效果。
img {
-webkit-filter: url(#gray-filter);
filter: url(#gray-filter);
transition: fil
浏览 0提问于2016-09-01得票数 3
回答已采纳
在bootstrap uib中，类的动画行为只对垂直div有影响。但我需要相同的动画/运动行为的表列，以显示或隐藏在点击图标。
就目前而言，使用ng-show和ng-hide，但看起来动画效果并不好。
我如何才能实现表的相同行为？
浏览 1提问于2018-08-04得票数 0
当地图标记被添加到地图中时，我想让它们具有动画效果。
用户应该会看到他周围有标记的地图。每个新的标记都应该反弹。
浏览 9提问于2011-11-19得票数 13
我试图产生一个老虎机的旋转，谁开始减速，直到它停止的效果。我有三个动画：
图标从current position到开始位置。
图标从start position到start position (完整的圆圈)。
图标从start position到new position。
第一和第二动画有linear放松，但我不知道什么应该是第三个。我在jQuery UI库上尝试了(几乎所有)可用的动画，但我没有得到我想要的。
看：
PS:我不知道如何正确地问这个答案，请随时编辑并删除这条消息。
浏览 4提问于2016-04-11得票数 1
因此，我正在设计一个加载动画作为iOS应用程序中使用的GIF。但我在导出GIF时遇到了一些问题，因为图标不透明，导出效果不好。然后我想用SVG来代替。有没有可能，使用SVG动画作为加载图标？我目前在网站上使用的是SVG动画图标。
谢谢!
浏览 17提问于2020-05-09得票数 0
请看一下视频。
45秒时，COD图标在其下方闪烁着文本。我想在我的游戏中实现同样的目标。我是一个初学者，我认为慢下来的视频显示，它得到了scaled.So变换和一些粒子系统，可能已经应用到飞溅效果，.But，还有许多其他的动画序列发生在视频上的图标。
浏览 1提问于2016-06-21得票数 0
回答已采纳
3回答
我有一个网站，弹出动画图标时，你mouseover他们
但我认为这可能会导致浏览器的图形性能变差。我可以把动画图标放在一个精灵中，也可以把非动画图标放在另一个精灵中，但这有什么意义呢？这样，精灵就不再有用了。您是否建议使用脚本手动设置放置在精灵中的图标的动画效果？你的建议是什么？因为我需要一个好的表现。
浏览 0提问于2013-01-17得票数 9
回答已采纳
2回答
我有一个精灵图标，当它所在的div被鼠标移过时，它会产生动画效果。这个图标目前在<span>卡中。
我希望当我将鼠标悬停在<span>上时，图标就会有动画效果，而不仅仅是当它在图标上时。有什么方法可以做到这一点吗？
这是我正在处理的代码的链接。
这是html和js
<span class="card">
<div class="icon book"></div>
</span>
<script>
var timer;
$(".book").mouseenter(
浏览 18提问于2016-09-22得票数 0
2回答
在单击按钮时，我可以使用名为alpha的属性成功地显示日历。显示我正在做的日历
calendar.alpha = 5
要通过点击隐藏，我正在做
calendar.alpha = 0
这只是非常简单的thing.What，我正在寻找的是一些动画显示和隐藏日历。
以下是一些图片
上面是文本框和一个按钮。单击按钮时，日历将显示如下所示
问题:
当你浏览相册中的照片时，我如何动画效果，使它看起来像。如果你不喜欢其中一张照片，你点击右下角的a trash图标，照片就会滑到a trash里。因此，在这个例子中，当我单击按钮时，我的日历将慢慢地从一个按钮中显示出来，并最终完全显示在屏幕上。
浏览 5提问于2012-07-22得票数 1
回答已采纳
2回答
我有一个content div，另一个div位于第一个的下面。第一个div的内容动态变化，其高度根据需要变化。通常，当第一个div的高度改变时，第二个div的位置会自动上下颠簸。如何使第二个div的移动动画化，最好只使用CSS和JS (没有jQuery)？
这是一个视觉效果：
左边是我的两个div，最初是。有时，div1会扩展高度以适应其内容，而div2会被向下推。如何为div2的移动设置动画效果？
浏览 1提问于2012-04-30得票数 1
回答已采纳
1回答
我正在尝试让一个自定义图标的GMSMarker闪烁一个衰减的动画不透明度。动画应该重复自己几次，但它没有，它只执行了一次过渡，然后停止。这仅在设置不透明度属性的动画时发生，在设置其他属性的动画时效果很好。
代码如下：
GMSMarkerLayer* layer = marker.layer;
CABasicAnimation *blink = [CABasicAnimation animationWithKeyPath:@"opacity"];
blink.fromValue = [NSNumber numberWithFloat:0.0];
blink.toValue = [
浏览 3提问于2014-03-27得票数 6
1回答
我想让DatePicker的入口具有动画效果。
现在，我显示并删除具有此属性的对象：
datePicker.hidden=YES or
datePicker.hidden=NO
如何使对象像视图一样具有动画效果？
浏览 0提问于2012-02-17得票数 1
回答已采纳
我正在尝试创建一个使用涟漪的图像按钮效果。然而，我希望涟漪效果从我的图像按钮图标的中心开始，并填充图像按钮。有没有可能让涟漪效果从中心到整个圆圈的动画。像一个白色圆圈的动画大小从0到圆圈的直径？
浏览 22提问于2020-11-26得票数 3
我是Jquery的新手，我正在尝试创建一个搜索字段，然后当您单击关闭图标( # search -close )时，它会显示动画，#search- close按钮也会消失。
在中动画效果很好，但当我单击关闭按钮时，它会显示动画，但会立即再次显示动画
我知道这很简单
提前感谢
<script type="text/javascript">
$j(document).ready(function() {
$j('#search-slide').mousedown(function() {
$j('#search-close'
浏览 0提问于2013-07-18得票数 2
回答已采纳
1回答
我正在学习HTML，为我的软件/游戏开发研究做准备，为此，我试图把我自己的网站作为一个项目来构建。我想使图标在标签顶部动画，所以我做了一个.gif，并添加了以下行到我的<head></head>：<link rel="icon" href="icon.gif" type="image/gif">，这是我在网上找到的。我将icon.gif保存在与.html文件相同的目录中。
我也尝试过把它转换成一个图标，但是没有成功。有人能告诉我如何使我的标签图标动画吗？
提前感谢！
浏览 3提问于2020-11-22得票数 0
1回答
动态岛SwiftUI动画
、、、、
如何在动态岛图标上实现swiftUI动画？我想这么做：
DynamicIsland() { ... }
compactLeading: {
Image("my-icon").shineEffect()
} compactTrailing: {
Image("my-icon")
}
在阳光效果中，我在onAppear上启动动画
func body(content: Content) -> some View {
content
.onAppear() {
startAnimation()
}
}
在主应用程序中，
浏览 10提问于2022-11-09得票数 2
回答已采纳
2回答
就在安装Ubuntu12.04和所有必要的升级前几天。还安装了Compiz设置管理器&喜欢窗口的动画和摆动效果。但是在今天重新启动窗口之后，开始接收错误消息&抖动效应消失了。
另外，我在上一次登录时创建的其他设置，如小侧边栏图标也消失了&无法在“Appearance >>外观”中找到调整图标大小的选项。
喜欢Ubuntu12.04，特别是动画和摇摆效果，但不高兴这些错误。
浏览 0提问于2012-09-25得票数 1
我想让用户在应用程序中的几个调色板之间切换，即XCode和其他文本编辑器如何允许您在浅色和深色背景之间切换。我可以很简单地完成这一切，但现在我尝试将更改包装在一个简单的动画块中，以便颜色更改淡入。除了我的表格视图单元格之外，所有的东西都运行得很好。颜色会改变，但不会产生动画效果。
[UIView animateWithDuration:0.5 animations:^{
self.tableView.backgroundColor = [UIColor whiteColor];
for (UITableViewCell *cell in self.tableView.visi
浏览 1提问于2013-02-04得票数 0
回答已采纳
1回答
新材质图标
、、
我在中搜索一个新的图标，我发现了一个新的图标，它有轮廓、基线、圆角、两个色调和锐利的版本。所以，我想知道是否有人知道如何在那个版本中实现新的图标，我们也可以让这些图标具有动画效果。当我尝试复制任何版本的标签时，我得到了相同的标签，并且我的网页看起来像正常的，而不是翻新的。
浏览 0提问于2018-05-15得票数 0
当我拿着一个长列表选择器项目时，我正在尝试让它具有动画效果。我正在检查event hold，以便从我在AppResources中的故事板开始动画，但是，FrameworkElement在Windows Phone中没有BeginStoryboard。
我只是试着改变颜色，并对持有的物品做一个变换。
浏览 0提问于2013-02-20得票数 0
回答已采纳
2回答
我需要知道Windows7出现奇怪行为的原因(以及可能的解决方法)。我有一个带按钮的Form1，还有一个名为Form2的表单。在按钮的点击处理程序中，我已经：
Form2.Show;
运行我的程序后，当我第一次点击这个按钮时，我的Form2就会出现一个很好的淡入效果(对不起，我不知道Windows7的确切效果名称。如果你知道的话，请告诉我！)好的。我关闭Form2并再次单击该按钮。这一次，Form2出现了，没有任何效果。
我想让我的Form2在我每次点击这个按钮时都会出现这样的效果。更具体地说，我需要一个真正的应用程序的主要形式出现时，用户点击托盘图标。第一次点击托盘图标会显示带有动画的窗口，
浏览 0提问于2013-06-29得票数 1
回答已采纳
ljessett.hndcomputing.net/lewis
当您第一次访问主页时，什么也不会发生
单击主页，页面将显示动画效果，如何使此页面显示动画效果，就像加载时单击链接一样
jquery动态更改页面的内容
浏览 0提问于2011-06-22得票数 0
回答已采纳
2回答
有什么方法可以禁用NavigationDrawer图标的滑动动画吗？我的意思是效果，当你点击图标或打开抽屉的幻灯片手势。(我现在还在使用ActionBar )
预览
浏览 3提问于2015-03-30得票数 1
回答已采纳
我正在创建一个日常使用的动画图标。按id选择一个元素很好，但在一个代码中使用多个元素就不起作用了。如何才能使多个元素工作？ 这个链接是我的代码。网址：https://codepen.io/choimorae/project/editor/XVyLdV enter code here -->第一个文档图标可以很好地动画，但第二个文档图标不能动画。
浏览 55提问于2021-04-28得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
