前端开发之如何让gif 图只播放一次

在前端页面开发过程中，有些页面需要放gif图，但是设计给的gif很大记录都是不停循环播放的，如果想在页面中，git图只播放一次，可以通过以下步骤操作：
1、在 photoshop 中打开 gif 图
2、在菜单栏点击窗口，将时间轴勾上，这样在底部就会出现时间轴工作区

3、在时间轴工作区，将循环播放模式从永远改为一次或您需要的次数

4、依次点击: 文件-> 导出->储存为web所用格式

5、在这个界面这里，确定循环选项为一次之后点击完成即可保存成功，也可以点击存储，这样可以保留原本的gif图，点击存储相当于另存了一份，而直接点击完成则会覆盖掉原本的gif图。

ps：在开发过程中遇到这样的问题，记录一下，也希望可以帮到遇到相同问题的人，入坑新人，写的比较粗糙，勿介！

前端开发之如何让gif 图只播放一次相关推荐

【学习笔记】前端开发调试工具与PS切图技巧
[学习过程遇到疑问和延伸阅读] 1.Sublime Text 安装插件的方式一开始以为直接安装.原来在安装丰富的插件之前,Sublime Text需要通过Package Control这个插件来管理 ...
web切图怎么做_做前端开发必需要掌握切图技能吗？
我04年的时候开始学习前端,在那个时候,国外基本上转型到了HTML+CSS,而国内貌似HTML+CSS刚刚兴起(不熟,如果时间不准确请纠正).所以我基本上没有做过Table-based design. ...
前端开发知识总结思维导图
前端开发扮演的一个角色: 前端开发知识点总结: 转载于:https://www.cnblogs.com/zhaodagang8/p/7821427.html
前端开发中之页面切图ps工具的使用
photoshop的使用: (打开软件,把图片放进去) 1.标尺工具:Ctrl + R .注:界面上跟左会显示标尺出来,在标尺上单击右键,把单位改为像素. 2.放大镜:Z键.注:同时按下鼠标左键,向右 ...
前端开发值得推荐的各种资源
前端开发值得推荐的各种资源 blog 前端收集前端开发博客 Brendan Eich,JavaScript 之父 http://www.aminutewithbrendan.com/ Douglas ...
2023年前端开发趋势未来可期
☆ 对于很多质疑,很多不解,本文将从 △ 目前企业内前端开发职业的占比: △ 目前业内开发语言的受欢迎程度: △ 近期社区问答活跃度: 等维度来说明目前前端这个职业的所处位置. ☆ 还有强硬的干货,通 ...
前端开发中如何将文件夹中的图片变为背景图_Web中的图像技术全面总结，长文干货！...
前端开发人员在构建网站时需要做出的决定之一就是添加图片的技术.它可以是HTML ,也可以是通过CSS背景生成的图片,也可以是SVG .选择正确的技术很重要,并且可以在性能和可访问性方面发挥巨大作用. ...
移动端切图内容包括什么_手机移动端前端开发切图的一些疑问
该楼层疑似违规已被系统折叠隐藏此楼查看此楼从前年就开始学习html5,陆陆续续也学到了很多,html5新增的标签.css3新属性.js中和html5相关的部分: 可是每到项目实战的时候,总还是感觉 ...
前端背景图放置_前端开发关于网页背景图片的缩放自适应及组合形成背景图的问题...
前端游戏开发贴吧游戏前端开发游戏开发流程策划美术前端后端昨天在切图时遇到如下两个问题: 1.需要背景图片无论浏览器大小如何缩放,背景图片始终宽度百分百显示. 2.需要将给出的一张背景图片和一张 ...

前端开发之如何让gif 图只播放一次

前端开发之如何让gif 图只播放一次相关推荐

最新文章

热门文章