|
Forum Wonder Study 寓教于乐 Wonder Effect js/as/css分享 页面动效索引 (My Wonderland中那些你可能错过的大场面) |
页面动效索引 |
Date We, 2016-09-21, 16:54 | Msg 2
首先最简单的CSS动画、过渡应用——包括位移、缩放、旋转等
1. MY WONDERLAND COVER (首页) 背景动画,元素动画 MY WONDERLAND首页有5个动画,元素入场动画、水晶球动画、节日元素(仅特殊节日出现)、导航焦点动画、背景摩天轮 2. 移动版首页加载动效 3. 右侧CD音乐播放,当页面宽度足够时右侧可见 |
Date We, 2016-09-21, 17:02 | Msg 3
幻灯展示效果——
1.Lain系列网志 水平轴滑动,倒影效果,可添加标题和摘要 2.Wonderworld作品插画展示 使用uCoz自带uLightbox,支持尺寸自适应,左右翻页,自动播放,可添加标题摘要 3.Wonderdesign设计展示 同上 |
Date We, 2016-09-21, 17:17 | Msg 4
Flash动画
1.Lain Lyrics 基础时间轴的动画 2.My Wonderland最初的首页 加载百分比AS 3.Wonder World老版Flash 封面3D展示 4.Wonder Desigh老版Flash 加载百分比,基础动效 5.7'Blog老版Flash 外部xml内容加载,内部滚动条AS |
Date We, 2016-09-21, 17:38 | Msg 5
页面滚动/切换
1.CV模板第一弹 页面锚点平滑滚动 2.网站专题Best 7'Blog 2011 页面切换效果豪华套,源自Codrops 3.网站专题Doomday Fullscreen Scroll效果,时间轴动效,源自Codrops 4.网站专题My Wonderland Timeline SlideJS,支持各种元素切换 5.相册首页大幻灯 Flexslider,支持滑动和渐隐两种过渡 |
Date We, 2016-09-21, 17:42 | Msg 6
综合动效
1.My Wonderland 主页2011Demo版(荐) Cufon插件(一种使用canvas绘制特殊文本的插件);面板动画,页面切换动效,支持全屏,源自Codrops,有相应修改 2.My Wonderland Sitemap(荐) 导航动效,Fullscreen Scroll,手风琴列表,源自Codrops 3.Blog卡片筛选(荐) 瀑布流布局,卡片过滤,使用isotope插件 4.新版移动端网站demo页(荐) 面板动画,响应式布局,上面是PC端的效果 |
| |||
| |||