热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

echarts柱状图同一页面点击不同得按钮切换_不可思议,这个PPT居然有按钮滑动效果...

本期来分享一下,怎样在PPT中做出这种动画效果:点击一次鼠标,就出现一次滑动按钮,随之切换一次内容。制作思路和关键步骤此动画

本期来分享一下,

怎样在PPT中做出这种动画效果:

26793705054da6cbb790cf86759696d9.gif

点击一次鼠标,

就出现一次滑动按钮,

随之切换一次内容。

57a5e929ad2c82426042ee9c4bf9fcec.png

制作思路和关键步骤

此动画实现思路为:

用形状补间动画实现按钮滑动,

配合遮罩设计和路径动画,

完成内容切换的效果。

关键步骤如下:

1、用缩放进入和放大动画,组合成弹跳进入效果。并用圆角矩形伪装为圆的形态,方便后期添加补间动画。

ad30eed9853d01d9af67853b13fa3d89.png

2、利用圆角矩形的补间动画,实现拉伸动画效果。

4d7104a400d2a5e5beea6cc75d402ef4.png

3、利用圆角矩形的补间动画,实现压缩动画效果。

7f6189e1615537e747f80ee08546e75d.png

4、将进入动画、拉伸动画和压缩动画拼合到一页中。

37d96c7836020648bd2dc3783fc717a0.png

5、制作遮罩手机版式,将动画成果融入版式中。

a5c2eda3704b2647661ecfbe52629eb2.png

6、以按钮滑动动画为核心,配合制作元素的路径动画,实现最终效果。

26793705054da6cbb790cf86759696d9.gif

c5bb516455cccc835fe94243fb57e465.png

详细操作教程

以下为详细操作视频:

ddc41eaf864443ee5d4fa48a74b37073.png
不可思议,这个PPT居然有按钮滑https://www.zhihu.com/video/1249722841102356480

在美与实用间寻找平衡

公众号:黑白间设计



推荐阅读
  • Python处理Word文档的高效技巧
    本文详细介绍了如何使用Python处理Word文档,涵盖从基础操作到高级功能的各种技巧。我们将探讨如何生成文档、定义样式、提取表格数据以及处理超链接和图片等内容。 ... [详细]
  • 雨林木风 GHOST XP SP3 经典珍藏版 V2017.11
    雨林木风 GHOST XP SP3 经典珍藏版 V2017.11 ... [详细]
  • 目录一、salt-job管理#job存放数据目录#缓存时间设置#Others二、returns模块配置job数据入库#配置returns返回值信息#mysql安全设置#创建模块相关 ... [详细]
  • 深入解析Java枚举及其高级特性
    本文详细介绍了Java枚举的概念、语法、使用规则和应用场景,并探讨了其在实际编程中的高级应用。所有相关内容已收录于GitHub仓库[JavaLearningmanual](https://github.com/Ziphtracks/JavaLearningmanual),欢迎Star并持续关注。 ... [详细]
  • 由中科院自动化所、中科院大学及南昌大学联合研究提出了一种新颖的双路径生成对抗网络(TP-GAN),该技术能通过单一侧面照片生成逼真的正面人脸图像,显著提升了不同姿态下的人脸识别效果。 ... [详细]
  • 本文介绍如何使用 Python 的 Pandas 库中 Series 对象的 round() 方法,对数值进行四舍五入处理。该方法在数据预处理和分析中非常有用。 ... [详细]
  • Windows 7 64位系统下Redis的安装与PHP Redis扩展配置
    本文详细介绍了在Windows 7 64位操作系统中安装Redis以及配置PHP Redis扩展的方法,包括下载、安装和基本使用步骤。适合对Redis和PHP集成感兴趣的开发人员参考。 ... [详细]
  • 编写了几个500行左右代码的程序,但基本上解决问题还是面向过程的思维,如何从问题中抽象出类,形成类的划分和设计,从而用面向对象的思维解决问题?有这方面的入门好书吗?最好是结合几个具体的案例分析的 ... [详细]
  • 本文详细介绍如何使用CSS自定义HTML5视频播放器的样式,涵盖常见属性及跨浏览器兼容性问题。发布时间:2020-09-14 14:46:29;来源:亿速云;阅读量:58;作者:小新。 ... [详细]
  • 本文详细介绍了福昕软件公司开发的Foxit PDF SDK ActiveX控件(版本5.20),并提供了关于其在64位Windows 7系统和Visual Studio 2013环境下的使用方法。该控件文件名为FoxitPDFSDKActiveX520_Std_x64.ocx,适用于集成PDF功能到应用程序中。 ... [详细]
  • 深入解析Java虚拟机(JVM)架构与原理
    本文旨在为读者提供对Java虚拟机(JVM)的全面理解,涵盖其主要组成部分、工作原理及其在不同平台上的实现。通过详细探讨JVM的结构和内部机制,帮助开发者更好地掌握Java编程的核心技术。 ... [详细]
  • 本文提供了 CIW Dreamweaver MX2004 认证考试的详细试题解析,涵盖不同难度级别的选择题、多项选择题和判断题。通过这些题目,考生可以更好地理解考试内容并为实际考试做好准备。 ... [详细]
  • 在高并发需求的C++项目中,我们最初选择了JsonCpp进行JSON解析和序列化。然而,在处理大数据量时,JsonCpp频繁抛出异常,尤其是在多线程环境下问题更为突出。通过分析发现,旧版本的JsonCpp存在多线程安全性和性能瓶颈。经过评估,我们最终选择了RapidJSON作为替代方案,并实现了显著的性能提升。 ... [详细]
  • 本文深入探讨了MySQL中常见的面试问题,包括事务隔离级别、存储引擎选择、索引结构及优化等关键知识点。通过详细解析,帮助读者在面对BAT等大厂面试时更加从容。 ... [详细]
  • 精选多款高效实用软件及工具推荐
    本文介绍并推荐多款高效实用的软件和工具,涵盖系统优化、网络加速、多媒体处理等多个领域,并提供安全可靠的下载途径。 ... [详细]
author-avatar
cometcui
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有