CSS3中有两种方式实现动画,transition和animation+@keyframe。 两者的作用机制不一样:transition定义在可能要进行动画的元素上,对某些CSS属性进行监听,一旦CSS改变则进行动画;animation定义在马上要进行动画的元素上,一旦定义动画即进行。 比如...
分类:
Web程序 时间:
2015-03-16 12:36:01
阅读次数:
262
在上篇博客中,我写了一个使用属性动画为ViewPager添加切换动画的方法,并且可以兼容到Android3.0以下版本的设备上,那么关于为ViewPager添加动画的方式还会有另外一种实现方案,就是自定义一个自己带动画效果的ViewPager,关于上篇博客,还没来得及查看的朋友可以点击这里进行查看。下面,我们将新建一个工程,来说说怎样自定义一个自带切换动画效果的ViewPager。...
分类:
移动开发 时间:
2015-03-16 09:52:36
阅读次数:
248
上一篇文章中讲了如何实现手势滑动来销毁页面,再来回顾一下实现的效果
具体实现请看上一篇文章 手势滑动结束 Activity(一)基本功能的实现,不过这只是实现了最基本的功能,还有很多地方需要优化和完善的,这篇文章主要是在原来实现的基础上做优化和特效;
先来看效果:
1、效果图1:侧滑显示阴影
2、效果图2:改变滑动动画效果...
分类:
其他好文 时间:
2015-03-16 08:42:26
阅读次数:
382
Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍。也就是说,使用少量的代码就可以实现非常强大的功能。Core Animation可以用在Mac OS X和iOS平台。Core Animation的动画执行过程都是在...
分类:
其他好文 时间:
2015-03-15 23:36:52
阅读次数:
194
在线预览特效地址:
http://www.zuidaima.com/html/2251669926857728/index.html
最近一直在做企业的网站,今天分享一个前端的demo主要想分享的就是js。
主要的效果,先上图吧。如下:
哈~ 盗了一下最代码的logo,大牛不要怪罪我啊。
这里因为没有部署到网上,我就描述一下主要的动画效果吧!
第一个...
分类:
Web程序 时间:
2015-03-15 16:56:03
阅读次数:
181
第一种方式是直接使用锚点配合链接标签:
Scroll to here
Jump to H2
现在大多数实现都采用该种方式。但是这种方式没有动画效果,跳转是直接发生的。
第二种方式使用jQuery中的animate方法实现:
var target= $('#h2-anchor').offset().top;
$('body').animate({scrollTop...
分类:
Web程序 时间:
2015-03-14 12:29:07
阅读次数:
154
效果图:
平时我们要实现ListView数据显示时的动画效果,可以使用LayoutAnimationController为ListView设置动画效果,并通过ListView的setLayoutAnimation方法来设置,最后startLayoutAnimation,启动动画。参看以下代码:
public class MainActivity extends Activity...
分类:
移动开发 时间:
2015-03-13 23:48:10
阅读次数:
252
什么是视差滚动
视差滚动效果是怎样的
如何实现视差滚动效果
1 通过使用ViewPager实现页面的左右滑动
2 ViewPager有办法实现ParallaxScrolling吗
3 ViewPagerPageTransformer如何使用
由视差滚动效果引起的思考
以上仅是个人在开发中收集的经验欢迎大家拍砖1. 什么是视差滚动?Parallax Scrolling(视差滚动),是一种常见的动画效果...
分类:
移动开发 时间:
2015-03-13 18:46:44
阅读次数:
904
Animation Core想必大家都比较熟悉,是苹果一套针对动画效果的牛逼API,直接作用在layer上。今天打算扯扯这套API的某些细节,既然是作用在layer上那咱就先从layer开始扯起……一、CALayer1.1 什么是CALayer每个能在界面上看到的ui控件,其实都是因为这些ui控件里...
分类:
其他好文 时间:
2015-03-13 18:05:50
阅读次数:
156
android中提供了4中动画: AlphaAnimation 透明度动画效果 ScaleAnimation 缩放动画效果 TranslateAnimation 位移动画效果 RotateAnimation 旋转动画效果 本节讲解ScaleAnimation 动画, Sc...
分类:
其他好文 时间:
2015-03-13 16:24:23
阅读次数:
145