CSS3中Animate动画解析

2015/09/06HTML5+CSS3 标签:0

Animate动画现在越来越流行,并且对于触屏设备支持良好,特别是对于webkit内核的浏览器支持特别良好。webkit浏览器诸如chrome以及Safari,因此在Android及IOS设备上运行效果是杠杠的。Animate正如flash一样,都是通过帧来控制动画的,如果你之前学习过flash或者使用过adobe flash软件,你就能够明白帧是什么意思了。
一、Animate动画初识
1、浏览器支持
Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 规则和 animation 属性。
Chrome 和 Safari 需要前缀 -webkit-
2、代码分析
首先我们来看一段Animate的动画代码 阅读更多

html5+css3制作多屏简单动画

2015/09/05HTML5+CSS3 标签:0

首先动画是使用CSS3的animate实现的,因为animate使用方便,而且在手机端运行也很流畅。大家先看演示吧http://egtch.com/demo/css3app/,在手机端浏览效果也很好。

一、准备工作

1、jQurey最新版

2、jQurey插件fullpage.js

二、Animate动画

大家可以直接从http://daneden.github.io/animate.css/下载animate.css使用,可以根据自己的需求选择自己想要的效果来使用。

三、代码部分 阅读更多

Cordova开发环境配置

Cordova开发环境,Cordova是Apache的一个开源项目,主要用于手机端APP制作,通过简单的html+css+js即可以制作出与原生APP一样的手机APP。下面就来说下如何搭建Cordova开发环境。

1、安装JDK

请自行百度或者google一下吧。

2、安装node.js
要是大家不知道node.js是什么东西,可以google一下,到其官方网站下载并且安装即可,官方网址为https://nodejs.org 阅读更多

share

AD