• Page 1 of 1
  • 1
Forum » Wonder Study 寓教于乐 » Wonder Effect js/as/css分享 » 页面动效索引 (My Wonderland中那些你可能错过的大场面)
页面动效索引
首先最简单的CSS动画、过渡应用——

一层,索引

二层,纯css3动画(CSS3)

三层,幻灯展示(JS)

四层,Flash动效(AS)

五层,页面滚动/切换(JS+CSS3)

六层,综合动效
首先最简单的CSS动画、过渡应用——

1. MY WONDERLAND COVER (首页)
背景动画,元素动画

2.移动版首页加载动效
幻灯展示效果——

1.Lain系列网志
水平轴滑动,倒影效果,可添加标题和摘要

2.Wonderworld作品插画展示
使用uCoz自带uLightbox,支持尺寸自适应,左右翻页,自动播放,可添加标题摘要

3.Wonderdesign设计展示
同上
Flash动画

1.Lain Lyrics
基础时间轴的动画

2.My Wonderland最初的首页
加载百分比AS

3.Wonder World老版Flash
封面3D展示

4.Wonder Desigh老版Flash
加载百分比,基础动效

5.7'Blog老版Flash
外部xml内容加载,内部滚动条AS
页面滚动/切换

1.CV模板第一弹
页面锚点平滑滚动

2.网站专题Best 7'Blog 2011



页面切换效果豪华套,源自Codrops

3.网站专题Doomday



Fullscreen Scroll效果,时间轴动效,源自Codrops

4.网站专题My Wonderland Timeline



SlideJS,支持各种元素切换

5.相册首页大幻灯
Flexslider,支持滑动和渐隐两种过渡
综合动效

1.My Wonderland 主页2011Demo版(荐)



Cufon插件(一种使用canvas绘制特殊文本的插件);面板动画,页面切换动效,支持全屏,源自Codrops,有相应修改

2.My Wonderland Sitemap(荐)



导航动效,Fullscreen Scroll,手风琴列表,源自Codrops

3.Blog卡片筛选(荐)



瀑布流布局,卡片过滤,使用isotope插件

4.新版移动端网站demo页(荐)



面板动画,响应式布局,上面是PC端的效果
Forum » Wonder Study 寓教于乐 » Wonder Effect js/as/css分享 » 页面动效索引 (My Wonderland中那些你可能错过的大场面)
  • Page 1 of 1
  • 1
Search: