CSS3中过渡和动画的区别和各自适用场景? 区别: 1)语法: 过渡——transition: 属性名 完成时间 速度曲线 延迟时间; 动画——animation: 自定义名称 完成时间 速度曲线 播放次数 奇偶顺序 延迟时间; @keyframes 自定名称{} 需要先定义关键帧,再通过anima ...
分类:
其他好文 时间:
2020-06-19 21:14:04
阅读次数:
67
1、音视频采集 iOS采集音视频数据 AV Foundation 框架 GPUImage框架 FFmpeg框架 x264框架 libremp框架 2、视频滤镜 3、音视频编码 帧率 全帧 参考帧(B/P帧)关键帧(I帧) 编码格式 H264/H265 4、推流 5、流媒体服务器 6、拉流 7、音视频 ...
分类:
其他好文 时间:
2020-06-14 12:41:45
阅读次数:
104
1. 比较有用的资料 https://www.jianshu.com/p/529c3729f357 2. H264 帧查找 1. stsz/stz2 这个保有所有帧的的列表,当然包含个数 2. stss 这是关键帧列表 3. 还原 帧 --> chunk 的之间的映射(stsc),并用 stco 知 ...
分类:
其他好文 时间:
2020-06-04 13:37:16
阅读次数:
142
通过css3我们可以创建动画,它能取代gif图片、Flash、Js动画等,css3的animation动画是应用在html的DOM元素上的,通过样式来实现的。 @keyframes 规则 @Keyframes我们可以把他理解为“关键帧”,它的规则是:创建由当前样式逐渐改为新样式的动画效果。对于一个" ...
分类:
Web程序 时间:
2020-05-23 20:17:12
阅读次数:
69
今天在看别人的代码中获取到了以前没有注意到的新碎片知识。 Firstly: CSS3中的animation(动画)属性 animation-name属性是绑定到选择器关键帧的名称,接着就是要记录的第二个内容 secondly: CSS3中的@keyframes 通过 @keyframes 规则,可以 ...
分类:
Web程序 时间:
2020-04-15 01:05:40
阅读次数:
113
一、制作关键帧: 1)@keyframes 动画名称{ from{开始} to{结束} } 2)@keyframes 动画名称{ 0%{} 中间可以添加任意关键帧 100%{} } 二、调用关键帧 animation: ①animation-name(动画名称) ②animation-duratio ...
分类:
Web程序 时间:
2020-04-08 20:45:26
阅读次数:
90
之前的案例涉及的动画效果都是平面展示,但是ivx中也可以通过3D世界组件展示3D的效果。今天我们就以跑马灯为例来讲一下ivx中的3D世界是如何使用的。一.3D世界3D世界最基础的组成部分就是坐标系和摄像机。坐标系是一个空间直角坐标系,3D世界下的所有组件都会有一个XYZ坐标来决定它在3D世界中的位置,而摄像机负责控制我们的视角,下图中红圈处就是摄像机的位置,黄线框起来的区域就是我们的视角范围。另外
分类:
其他好文 时间:
2020-04-01 00:52:15
阅读次数:
124
一、html基本标签 1.基础标签: 标题标签:h1--h6 容器标签:div 行标签:span 跳转标签:a href target(self\blank) 图片标签:img --元素 src,alt 段落标签:p 分段标签:br 分割标签:hr 2.html列表标签: 去掉独占行:style=' ...
分类:
Web程序 时间:
2020-03-22 15:46:06
阅读次数:
89
<!-- CSS3 animation动画: 1、@keyframes 定义关键帧动画 2、animation-name 动画名称 3、animation-duration 动画时间 4、animation-timing-function 动画曲线linear(匀速)|ease(缓冲)|steps( ...
分类:
Web程序 时间:
2020-03-14 16:36:50
阅读次数:
79
关于CSS3中动画属性的基本知识 animation顾名思义为动画的意思。Animation应用在页面DOM上 使其产生动画的效果。在开始介绍Animation之前我们有必要先来了解一个特殊的东西,那就是"Key s",我们把他叫做“关键帧”,玩过flash的朋友可能对这个东西并不会陌生。 anim ...
分类:
Web程序 时间:
2020-03-08 09:34:52
阅读次数:
430