• Page 1 of 1
  • 1
页面动效索引
一层,索引

二层,纯css3动画(CSS3)

三层,幻灯展示(JS)

四层,Flash动效(AS)

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

六层,综合动效
首先最简单的CSS动画、过渡应用——包括位移、缩放、旋转等

1. MY WONDERLAND COVER (首页)
背景动画,元素动画
MY WONDERLAND首页有5个动画,元素入场动画、水晶球动画、节日元素(仅特殊节日出现)、导航焦点动画、背景摩天轮

2. 移动版首页加载动效

3. 右侧CD音乐播放,当页面宽度足够时右侧可见
幻灯展示效果——

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端的效果
  • Page 1 of 1
  • 1
Search: