在 WeGame 的 PC 端官网首页,有着非常多制作精良的基于滚动的动画效果. 这里我简单截取其中 2 个比较有意思的转场动画,大家感受感受.转场动画 1: 转场动画 2: 是不是挺有意思的,整个动画的衔接是基于滚轮的滚动触发的.我猜测是使用了类似 TweenMaxJS 的动画库实现. 当然,这两处酷炫有意思的转场动画,基于最新的 CSS @scroll-timeline 规范,也是可以大致实现的.本文就将尝试使用纯 CSS,模拟上述的两个转场动画. 当然,关于 CSS 最新的 CSS @sc…

TensorSpace:超酷炫3D神经网络可视化框架 TensorSpace - 一款 3D 模型可视化框架,支持多种模型,帮助你可视化层间输出,更直观地展示模型的输入输出,帮助理解模型结构和输出方法. 官网链接: https://tensorspace.org/ Github链接: https://github.com/tensorspace-team/tensorspace TensorSpace 擅长直观展示模型结构和层间数据,生成的模型可交互.官方支持手写字符识别,物体识别,0-9 字符…

Android精选源码 灵活的ShadowView,可替代CardView使用 基于Tesseract-OCR实现自动扫描识别手机号 Android播放界面仿QQ音乐开源音乐播放器 新闻应用项目采用了 RxAndroid + Retrofit + Databinding 的 MVVM 架构 一个能让微信 Material Design 化的 Xposed 模块 Android很多酷炫的加载动画源码 线程池,下载模块,数据库(默认或者自定义) Android实现自定义九宫格控件源码 实现高性能微信…

最近,在 CodePen 上看到这样一个非常有意思的效果: 这个效果的核心难点在于气泡的一种特殊融合效果. 其源代码在:CodePen Demo -- Goey footer,作者主要使用的是 SVG 滤镜完成的该效果,感兴趣的可以戳源码看看. 其中,要想灵活运用 SVG 中的 feGaussianBlur 滤镜还是需要有非常强大的 SVG 知识储备的.那么,仅仅使用 CSS 能否实现该效果呢? 嘿嘿,强大的 CSS 当然是可以的.本文,就将带领大家一步步使用纯 CSS,完成上述效果. 借助 S…

1.HTML5移动端图片左右切换动画 今天要给大家分享一款很不错的图片左右切换焦点图动画,并且支持移动端触摸滑动.功能上,这款HTML5图片播放器支持鼠标滑动.手机端触摸滑动以及自动播放.外观上,这款HTML5图片切换动画的两侧有淡化处理,因此更显立体效果. 在线演示 源码下载 2.可爱的CSS3圆盘时钟动画 之前我们分享过一些基于CSS3和jQuery的圆盘时钟,比如纯CSS3实现圆盘时钟动画和HTML5/CSS3时尚的圆盘时钟动画.今天要分享的也是一款可爱的CSS3圆盘时钟动画,时钟背景是乳…

概述 本自定义动画进度酷炫View,是加载进度动画的自定义View,继承于ImageView来实现,主要实现蒙层加载进度的加载进度效果. 支持水平左右加载和垂直上下加载四个方向,同时也支持自定义蒙层进度颜色. 详细 代码下载:http://www.demodashi.com/demo/13442.html 一.概述 本自定义动画进度酷炫View,是加载进度动画的自定义View,继承于ImageView来实现,主要实现蒙层加载进度的加载进度效果. 支持水平左右加载和垂直上下加载四个方向,同时也支持…

今天在老外的网站上看到一款很有创意的纯CSS3动画,是模拟烧烤活动的.款动画模拟了一个烧烤架,烧烤架上的食物也都是用纯CSS3绘制而成,没有用一张图片,效果相当逼真.另外一个有意思的是,这个CSS3烧烤架还会冒烟,模拟了烧烤时的情景. 在线演示  源码下载 接下来简单分析一下实现的代码,代码主要由HTML和CSS组成. HTML代码: <div class="BBQ"> <div class="meat"></div> <d…

效果图看上去非常的酷.制作方法跟火焰字过程差不多.唯一不同的是前期的处理,需要用滤镜把人物轮廓路径找出来,去色后再用制作火焰的过程制作.最后把最好的火焰叠加到人物上面,适当用蒙版控制区域即可.原图 最终效果 1.打开一张人物图像,最好是黑白对比还不错的,别太灰色调了. 2.打开图像后复制一张文档出来,在标题栏上单击右键复制. 3.这样就有2张图像,可以把第一张开始做效果. 4.将图像 滤镜——风格化——查找边缘. 5.继续将图像去色 ctrl+shift+u,然后在按反向ctrl+i. 6.图像…

猿文:http://my.oschina.net/xxiaobian/blog/368981 借鉴一下以下的各种年终总结吧,总有适合你的... OSCer 们,小小编掐指一算,你命里真的缺我啊,赶紧给小小编送温暖,把@红薯  抱回家,哈哈--- 周日也要灰常愉快哦-…

WXSTransition 这款非常不错,力推 这是作者源码简书地址: http://www.jianshu.com/p/fd3154946919 这是作者源码github地址 https://github.com/alanwangmodify/WXSTransition 大家可以去下载来看看,喜欢的话给作者个Star. bug修改: 1.A页面用push动画到B页面,B页面PUSH到C页面,也会有这样的动画效果: 修改:可以在B到C的时候将导航栏的delegate设为nil,就能正常跳转了,应…