H5&CSS基础 —— (065)GIF透明或者不透明
»
(001)免费的https证书
(002)关于栏目
(003)浏览器的可见区域
(004)为什么ReactJs
(005)禁止手机端缩放
(006)H5中的em
(007)页面的空格宽度
(008)H5特殊字符
(009)H5限定输入
(010)H5字体
(011)nginx重定向配置
(012)文本缩进
(013)flex布局
(014)渐变色边框
(015)常用DOM操作
(016)Media Query
(017)CSS选择器
(018)CSS隔行变色
(019)fetch
(020)JS操作属性
(021)scroll div
(022)JS for循环
(023)禁止文本被选中
(024)float控制精度输出
(025)Ionic全屏
(026)SVG圆
(027)SVG椭圆
(028)SVG椭圆弧
(029)SVG椭圆扇区
(030)使用WebAssembly
(031)JS操作单复选框
(032)SVG贝塞尔曲线
(033)threejs材质
(034)发光图片样式
(035)页面动画制作要点
(036)CSS渐变色字体
(037)SVG矩形
(038)开发能力换取报酬
(039)关闭输入框的浏览器默认样式
(040)粒子动画喷射器尾部
(041)禁止桌面端缩放JS
(042)桌面全屏网页CSS
(043)自缩放等宽高比div显示图片
(044)文本两端对齐样式
(045)单行ellipsis
(046)多行ellipsis
(047)字体变形样式
(048)去掉a标签的默认样式
(049)中文字符:全角空格
(050)DIV层叠DIV
(051)JS中计算1rem的像素值
(052)JS操作DOM父节点、相邻节点
(053)JS中DOM元素的绝对坐标
(054)ToolTips Div
(055)JS中的元素宽高
(056)Nginx播放流媒体设置
(057)滚动条样式
(058)JS操作数组的常用方法
(059)SVG填充样式定义
(060)SVG画线样式定义
(061)SVG画直线
(062)CSS图片背景的拼接
(063)WebSocket
(064)JS计算DPI的方法
(065)GIF透明或者不透明
(066)Nginx解决CORS跨域问题
(067)从JSONP的跨域请求数据讲起
(068)Div内内容水平垂直居中
(069)CSS背景图片保持长宽比
CSS帧动画
    GIF是一种动态图片的格式,它能够一帧一帧地展示一个动画。适合放在网页中做动画效果。这是一种十几、二十几年前的网页动画图片格式。它的缺陷也很明显,那就是它的单帧图片的每个像素要么完全透明,要么完全不透明。也就是它的像素的Alpha值只能是一个1数字位值:0或者1。
    这里要讲的是一种背景能够半透明的动图,一种当前(2024年)所有浏览器都支持的半透明动图格式:apng以及webp动图格式。它的动图的Alpha值可以是256个或者浮点数的等级。

    和mp4视频转webp一样,现在有ffmpeg工具或者python库来支持多张png带透明度的图片合成一张apng动图。
    命令行为:ffmpeg -i img_%d.png -plays 0 -delay 10 img_out.apng
    
    这是早在2002年用fireworks mx的我教我们公司UI的一个知识点。
«
——张人杰·www.v-signon.com学习者共勉
返回上一页
工业和信息化部备案管理系统网站 京ICP备19038994号-2
个人作品网站:www.up-task.com 主办单位:个人 English
免责声明:本网站3d地球模型购买自3d.3d66.com,如权利人发现存在误传其作品情形,请及时与本站联系。