html5动效
① html5+css3可以实现哪些特效
具体说起来得说到明天早上去，这样说吧，你在网页上看的所有的东西，现在HTML5+CSS3都可以实现，包括网页游戏，flash之类的。各种动画，各种之前需要flash什么的，现在css3和html5都可以搞定，很流弊啦
② 前端实现动效动画需要学习前端里的什么技术
首先考虑css动画然后考虑js。
velocity：很全面的JavaScript动画库
vivus：可以动态描绘 SVG 的 JS 库, 支持多种动画
Web Animation：Javascript 实现的 Web Animation API
scrollReveal.js：使元素以非常酷帅的方式进入画布 (Viewpoint)
snabbt.js：一个利用 Javascript 和 CSS transform 的 animation 库
transit：jquery实现的css动画
matter-js：2D 物理效果引擎，碰撞、弹跳等
parallax：一个用于响应智能手机 orientation 的库
focusable：是页面上一个元素高亮的库，关灯效果
sensor.js：在智能移动设备浏览器上，通过HTML5的api使用移动设备的功能。定位、运动、倾斜等
animatable：仅仅依靠 border-width 和 background-position 实现的各种动态效果
Bounce.js：漂亮的css3动画库
GreenSock：基于svg，很强大的动画效果，High-performance HTML5 animations that work in all major browsers.
dynamics.js：弹性物理效果
③ html5动效页面 ios可以看 安卓不行怎么办
浏览器兼容问题，ios是调用ios专有的浏览器的。
④ HTML5动画有什么用途
html5动画主要服务对象还是给予web的应用，并不会对全部app开发造成威胁，这样有利于不同类型应用使 用不同的开发方式，灵活性更强。利用HTML5开发移动应用的优点主要有以下几点：
1.离线缓存为HTML5开发移动应用提供了基础
HTML5 Web Storage API可以看做是加强版的cookie，不受数据大小限制，有更好的弹性以及架构，可以将数据写入到本机的ROM中，还可以在关闭浏览器后再次打开时恢复数据，以减少网络流量。
同时，这个功能算得上是另一个方向的后台“操作记录”，而不占用任何后台资源，减轻设备硬件压力，增加运行流畅性。
2.音频视频自由嵌入，多媒体形式更为灵活
原生开发方式对于文字和音视频混排的多媒体内容处理相对麻烦，需要拆分开文字、图片、音频、视频，解析对应的URL并分别用不同的方式处理。
HTML5在这个方面完全不受限制，可以完全放在一起进行处理。
3.地理定位，随时随地分享位置
充分发挥移动设备对定位上的优势，推动LBS应用发展。
可以综合使用GPS、wifi、手机等方式让定位更为精准、灵活。
地理位置定位，让定位和导航不再专属导航软件，地图也不用下载非常大的地图包，可以通过缓存来解决，到哪儿下哪儿，更灵活。
4.Canvas绘图，提升移动平台的绘图能力
使用Canvas API可以简单绘制热点图收集用户体验资料
支持图片的移动、旋转、缩放等常规编辑
Canvas – 2D的绘图功能支持
Canvas 3D – 3D的绘图功能支持
SVG – 向量图支援
5.专为移动平台定制的表单元素
浏览器中出现的html5表单元素与对应的键盘：
只需要简单的声明 <input type=”email”> 即可完成对不同样式键盘的调用，简捷方便。
6.丰富的交互方式支持
提升互动能力：拖拽、撤销历史操作、文本选择等
Transition – 组件的移动效果
Transform – 组件的变形效果
Animation – 将移动和变形加入动画支持
7.HTML5使用上的优势
更低的开发及维护成本;
使页面变得更小，减少了用户不必要的支出;而且，性能更好使耗电量更低;
方便升级，打开即可使用最新版本，免去重新下载升级包的麻烦，使用过程中就直接更新了离线缓存。
8.CSS3 视觉设计师的辅助利器
CSS3支持了字体的嵌入、版面的排版，以及最令人印象深刻的动画功能。
Selector – 更有弹性的选择器
Webfonts – 嵌入式字体
Layout – 多样化的排版选择
Stlying radius gradient shadow – 圆角、渐变、阴影
Border background – 边框的背景支持
使用CSS3来完成部分视觉工作，载入速度快，节省代码及图片，也为用户节约了带宽。
9.实时通讯
以往网站由于HTTP协议以及浏览器的设计，实时的互动性相当的受限，只能使用一些技巧来「仿真」实时的通讯效果，但HTML5提供了完善的实时通讯支持。
10.档案以及硬件支持
不知道大家有没有发现，在Gmail等新的网页程序当中，已经可以透过拖拉的方式将档案作为邮件附件?这就是HTML5档案的功能中的Drag’n Drop和File API。
11.语意化
语意化的网络是可以让计算机能够更加理解网页的内容，对于像是搜索引擎的优化(SEO)或是推荐系统可以有很大的帮助。
12.双平台融合的app开发方式，提高工作效率
依照目前iPhone/Android 迅速提升市占率的情势来看，未来如果想要在先进的智慧型手机上撰写应用程式，要不是选择使用Objective-C
+ CocoaTouch Framework 撰写iPhone/iPad 应用程式，就是选择Java + Android Framework
撰写Android 应用程式，如果想要同时支援两种平台，势必要维护两套程式码，对于刚起步的小服务而言也算是个小有负担的维运成本。
⑤ CSS3 Animation 返回动效
<html>
<head>
<styletype="text/css">
.scale{
width:200px;
height:200px;
background-color:#06f;
top:180px;
left:180px;
position:relative;
}
.scale:hover{
animation:scale2slinear;
}
@keyframesscale{
0%{
transform:scale(1);
}
25%{
transform:scale(1.5);
}
50%{
transform:scale(2);
}
75%{
transform:scale(1.5);
}
100%{
transform:scale(1);
}
}
</style>
</head>
<body>
<divclass="scale"/>
</div>
</body>
</html>
⑥ 如何用ppt思维，做一个手机h5动效页面
HTML5页面制作工具，大体分为两类：基于HTML5的网站工具和手机APP工具（当然还有一些其他的，例如基于微信公众号的等，下面也会介绍）。
先总的说一下个人感受
1.基于HTML5的工具网站：功能较强大，单页面的操作性较强，可完成各种页面交互效果；但是某些时候会有操作“失灵”的现象，如上传图片失败，点击保存失败，生成失败等。原因你懂得~
2.手机工具APP：相比起工具网站来讲，显得比较顺手，有大量模板套用，制作简单快捷；但是拘泥于现有的模板，使得单页面不会有较大的可操作空间，从而无法实现DIY交互效果。
下面展开说下每个使用过的工具吧
基于HTML5的工具网站：
【兔展】
优点：页面DIY程度较高，动效实现起来也简易方便，可制作比较任性的H5页面。
缺点：屏幕界面大小不可调节，上传的图会比例失调；生成后到各尺寸屏上页面会存在拉伸现象。
（此图意在说明上传的图片的尺寸都是网站自己默认的一个尺寸，不是图片本身的尺寸，不利于使用者调整）
【MAKA.im】 可以具体编辑，单页操作性较高，有新手（有模板）和高阶（无模板）两种编辑模式；翻页效果比兔展多，模板也更强大一些。
【居高互动刊】
优点：最简单易上手的工具之一，根据提示一步一步的添加，共4步，最后生成微杂志。相比其他在线工具，较稳定。
缺点：目前没试通制作单页上的交互效果，没找到开启pro功能的入口。
【ANIMATRON】
优点：像flash的在线版，功能强大，可以创建HTML5动画。适合有动画基础的人做演示制作。
缺点：需要动画制作基础；工作界面响应时间长；貌似只能分享到twitter、Facebook、google+、tumblr？
【iSpring 7】
噱头是PPT转HTML5工具，完美与PPT兼容，可制作Html5移动课件。
不过，目前我只能连着VPN再用Safari才能打开网站链接。
【秀制作】
优点：版式轻松，制作快捷，宽带稳定。
缺点：对图片和文字在各种屏幕上的显示没有做很好的适配；不能对模板中文字的编辑调整位置。
手机工具APP：
【初页】
优点：模板质量高，套用模板编辑时效率高，操作简单快捷，效果和体验在制作H5页面的APP工具里面算是出类拔萃。
缺点：单页面可操作性较低，仅支持套用模板。
【快邀约】快速制作邀请函
优点：易上手，省时高效，便于统计。
缺点：页面简陋，只能选择固有模板创建文字和添加图片。
【易企秀】中小微企业的移动场景营销管家
优点：套用模板，创建快捷，用来做企业介绍、产品推荐。拥有强大的推广统计、客户管理功能。嗯，这里应该赞一个。
缺点：只能用模板，DIY程度低；统计数据是否准确需要进一步确认，目前看来可能有遗漏数据的现象（在小范围测试中，统计到的数量小于应有的数量）。
【微贴】：通过微信公众号创建H5页面
优点：手机公众号内直接创建简单页面，根据提示创建即可，无脑方便快捷。
缺点：只是单页面展示，承载不了交互效果等特效和更多内容。
总结
工具网站做的H5页面，多注重单独页面的自定义交互方案，DIY程度高，相对来说用时较长，又受制于带宽因素，故影响操作；
工具APP做的H5页面，多注重效率，目前都是套用模板，因而对单页面的DIY程度较低，交互效果受限。
⑦ 用AE做出来的动效能在HTML5里面用吗
不行，编码不一样
⑧ html5时代的主要的网页设计风格有哪些
一、首先从功能与设计目标来看， H5专网页主要有以下4大类型：
1.活动运营型
为活动推广运营而打造的H5页面是最常见的类型，形式多变，包括游戏、邀请函、贺卡、测试题等形式。与以往简单的静态广告图片传播不同，如今的H5活动运营页需要有更强的互动、更高质量、更具话题性的设计来促成用户分享传播。从进入微信H5页面到最后落地到品牌App内部，如何设计一套合适的引流路线也颇为重要。
2.品牌宣传型
不同于讲究时效性的活动运营页，品牌宣传型H5页面等同于一个品牌的微官网，更倾向于品牌形象塑造，向用户传达品牌的精神态度。在设计上需要运用符合品牌气质的视觉语言，让用户对品牌留下深刻印象。
3.产品介绍型
聚焦于产品功能介绍，运用H5的互动技术优势尽情展示产品特性，吸引用户买买买。
这一类型的H5页面多见于汽车品牌，LEXUS NX是其中的优秀代表案例。精致和极富质感的建模、细腻的光效营造出酷炫的视觉风格。用手指跟随光的轨迹切割画面揭开序幕，通过合理优雅的触碰、摩擦、滑动等互动形式带领用户一同探索产品的7大特性，宏观和微观都照顾周全。
4.总结报告型
自从支付宝的十年账单引发热议后，各大企业的年终总结现也热衷于用H5技术实现，优秀的互动体验令原本乏味的总结报告有趣生动了起来。
二．形式为功能服务
在确定了专题页的功能目标之后，接下来就是关键的设计阶段了。如何有的放矢地进行设计，需要考虑到具体的应用场景和传播对象，从用户角度出发去思考什么样的页面是用户最想看的最会去分享的。
1.简单图文
简单图文是早期最典型的H5专题页形式。“图”的形式千变万化，可以是照片、插画、GIF等。通过翻页等简单的交互操作，起到类似幻灯片的传播效果。考验的是高质量的内容本身和讲故事的能力。
2.礼物/贺卡/邀请函
每个人都喜欢收到礼物的感觉，抓住这一心理，品牌推出了各种H5形式的礼物、贺卡、邀请函，通过提升用户好感度来潜移默化地达到品牌宣传的目的。既然是礼物，那创意和制作便是重要的加分项。
3.问答/评分/测试
问答形式的H5页面也屡见不鲜了，利用用户的求知欲和探索欲，一路选选选，看最后到底是什么成绩。一条清晰的线索是必要的，最后到达的结果页也需要合理不突兀，如果能辅以出彩的视觉和文案，弱化答题的枯燥感那就再好不过了。
4.游戏
从 “围住神经猫”、“看你有多色”等单纯小游戏再到杜蕾斯“一夜N次郎”（即山寨版“别踩白块儿”）等品牌植入式小游戏，H5游戏因为操作简单、竞技性强，一度风靡朋友圈，但创意缺乏和同质化现象导致用户对无脑小游戏逐渐产生了厌倦。品牌要在游戏上做到成功传播，需要在玩法和设计上多下点功夫。
三．为设计加分的4个要点
一个H5页面设计品质的出众与否，会直接影响其传播效果，甚至影响到用户对品牌形象的认知。在这里总结出以下的设计要点：
1.细节与统一
要成就高品质的用户体验，必须考虑到细节与整体的统一性。复古拟物的视觉风格，那字体就不能过于现代；幽默调侃的调调，那文案措辞就不能过于严肃；打情感内容牌的，动效就不能过于花哨。
2.紧跟热点，利用话题效应
想要你的H5专题页一夜爆红，第一时间抓住热点并火速上线，借机进行品牌宣传也不失为一条捷径。
3.讲个好故事，引发情感共鸣
不论H5的形式如何多变，有价值的内容始终是第一位的。在有限的篇幅里，学会讲故事，引发用户的情感共鸣，将对内容的传播形成极大的推动。
4.合理运用技术，打造流畅的互动体验
随着技术的发展，如今的HTML5拥有众多出彩的特性，让我们能轻松实现绘图、擦除、摇一摇、重力感应、擦除、3D视图等互动效果。相较于塞入各种不同种类的动效导致页面混乱臃肿，我们更提倡的是合理运用技术，用心专注于为用户提供流畅的互动体验。
结语
随着手机硬件的升级、HTML5技术的发展以及微信平台的开放，HTML5的跨平台、低成本、快迭代等优势被进一步凸显，这对身处于移动互联网大潮的企业主、品牌、设计师和开发者来说，都将是一个最好的时代。
⑨ h5 css3 动效 文字 怎么酷炫
可以不用js实现，直接css3编写就可以了，真的不一样。
希望我的回答可以帮到你，有什么不懂可以追问。
⑩ 在现代网页设计中，动效有哪些常见的用法
加载动效
动效最常用的一个地方就是进度条。加载进度条的加载动效会改变用户对于时间的感知，通过转移注意力的方式让用户等待感降低。简单的加载动效其实比复杂的更好。额外的东西，比如声音效果就没有存在的必要了。用户在有趣的动效上投注了越多的注意力，就越容易忽略等待的过程。
2.进度动效
动效还可以用来展示交互或者操作的进度。
3.界面框架
界面框架会将界面加载之后的大概样式给展示出来，界面框架会让用户产生内容一瞬间就加载好了的错觉。这种动效可以应用在绝大多数的网页和APP当中，它会明显强化用户的参与感。
4.视觉反馈
将界面反馈视觉化地呈现给用户是非常实用的.良好的交互设计需要视觉反馈来支撑，传达交互完成后的结果，让交互可用、可见、可预期。网站界面中哪些元素可交互如果是不可知的、交互的结果也不可预期，混乱就不可避免了。周密的交互设计可以帮助用户理解，将这种混乱降到最低。
5.悬停动效
桌面端交互主要还是借助触控板和鼠标，光标悬停特效很大程度是为这种情况而存在的，同时，它也是最常见的动效之一。当用户不知道某个控件怎用的时候，会很直觉地将光标移动到上面去，这个时候，悬停特效能够很好的吸引他们的目光。移动端由于交互方式的差异，几乎没法使用悬停动效。无论是按钮还是输入框，当你点击屏幕的时候就已经触发控件了，只能在随后呈现结果，而无法像悬停动效一样预览。
6.长滚动页面
不得不说，首屏的设计一直是网页设计的焦点所在，设计师将注意力集中在这个充满价值的区域是有道理的。但是页面余下的部分同样很重要，事实上，有个说法是“正常媒体页面上百分之66%的用户注意力都在首屏之下”，因此结合了动效的长滚动页面同样非常有用。
7.动效让滚动式的交互充满了趣味。动画能够让长滚动页面所承载的故事更加鲜活有意思，相比于炫酷的动效，微妙的动效给人的感觉更加到位。