Phone 6s新增的Live Photos,可以拍摄1.5秒钟的动画“图片”,背后的原理: 一个iPhone的产品经理透露,利用6s的Live Photos功能储存的,并不是视频,只是基于JPEG的动画文件。 一般JPEG只有图不能做动画,但Live Photo使用的,是一段像GIF档的**Mot ...
分类:
其他好文 时间:
2021-01-07 11:50:25
阅读次数:
0
案例:筋头云案例 利用动画函数做动画效果 原先筋斗云的起始位置是0 鼠标经过某个小li,把当前小li的offsetLeft 位置做为目标值即可 鼠标离开某个小li,就把目标值设为 0 如果点击了某个小li, 就把li当前的位置存储起来,做为筋斗云的起始位置 <script> window.addEv ...
分类:
其他好文 时间:
2020-10-08 18:03:40
阅读次数:
22
<template> <div class="casehistory"> <jzrlist :isup="isup" :lastOrder="lastOrder" :djs="djs" @getjzrinfo="getjzrinfo"></jzrlist> <div class="classCase ...
分类:
其他好文 时间:
2020-05-28 19:57:09
阅读次数:
107
移动端事件有哪些: 触摸事件 手势事件 传感器事件 (后面两个兼容性不怎么样,因此重点就是触摸事件) 触摸事件: touch 事件 pointer 事件 (PC端可能会使用jQuery做动画,移动端一般不会,基本都是使用css3做动画) ontouchstart (必须在元素内部才能触发) onto ...
分类:
移动开发 时间:
2020-03-15 22:38:39
阅读次数:
107
前言 去年用了一个小的 ,叫做 ,本来想着用来做动画优化就删掉了的,不过看到他有个时间屏幕的小工具,就点进去看了下,觉得挺好玩的,就想着能不能自己实现一下。 ps: 闲话不多说,先上例子 "点我查看" ,觉得没啥意思的就不需要再往下看了 简单的搭建一下 初始化一个 项目 然后无脑下一步就好了(回车) ...
分类:
其他好文 时间:
2020-03-15 00:03:43
阅读次数:
74
性能问题 使用fla导出canvas动画的时候也会碰到性能问题,遇到性能问题,一 般都是在Animate cc做动画的时候可以规避掉的, 减少矢量,减少影片剪辑(movie clip),减少嵌套,减少滤镜特效 1、嵌套规范 在使用animate cc设计动画效果时,尽量不要太多的嵌套,比如:影片剪辑 ...
分类:
Web程序 时间:
2020-03-13 20:31:49
阅读次数:
85
带alpha通道的图片有GIF和PNG,但是GIF只有8位,失真严重,边缘锯齿非常明显。做动画,其它考虑PNG24,用css3animations播放。但是,每个都配置太麻烦。综合考虑还是做透明背景的及带alpha通道的视频做背景做好。带alpha通道可以跟背景融合的视频,常用有三种格式微软AVI,微软压缩比太差,文件太大。苹果mov,在windows平台,要装相关插件。谷歌webM,只要与新版c
分类:
Web程序 时间:
2020-01-23 00:08:54
阅读次数:
127
原文:Blend 设置一个圆形的按钮 1)画一个圆形 右击构成控件 3)选择button 当然如果想做成别的控件 都可以 4)我们有了一个button 5)做动画 6)定义触发器 7)定义事件 效果 ...
分类:
其他好文 时间:
2019-12-21 09:55:31
阅读次数:
126
Principle for Mac是一款新开发的交互设计软件。相比 Pixate 更容易上手,界面类似 Sketch 等做图软件,思路有点像用 Keynote 做动画,更「可视化」一些。如果您还没有合适的或者喜欢的交互原型设计软件,可以考虑一下这一款Principle for Mac! https: ...
分类:
其他好文 时间:
2019-12-08 17:28:38
阅读次数:
103
前言 谈起浏览器的硬件加速,想必大家都知道的一个技巧就是在用CSS3做动画时,给元素添加transform: translateZ(0)或者transform: translate3d(0, 0, 0)就会开启GPU的硬件加速,将本来应该是浏览器处理的动画效果转交给GPU处理,从而使得动画看起来更加 ...
分类:
其他好文 时间:
2019-12-01 16:34:16
阅读次数:
112