13款趣味性不错(炫酷)的前端动画特效及源码(预览获取)分享(附源码)

文字激光打印特效

基于canvas实现的动画特效,你既可以设置初始的打印文字也可以在下方输入文字可实现激光字体打印,精简易用。

预览获取

核心代码

  文字激光打印特效   

填色画游戏源码

是基于canvas实现的填色游戏 属于开阔性的游戏,通过选中色块,来给模型填充任意颜色。支持多种模型选择填色效果。

预览获取

核心代码

汽车
蘑菇
飞机
气球
小鸭
皮球

盒子发光特效源码

盒子发光特效源码呈现了卡片式边框发光渐变色的动画效果,鼠标悬停可实现边框全部发光的动效。

预览获取

核心代码

  盒子发光特效源码  
coolGlowing shadows

canvas下雪动画特效

canvas下雪动画特效,模拟了下雪路径的的场景动画效果,可用于设置网页背景图。

预览获取

核心代码

  canvas下雪动画特效    

24h在线时钟表盘特效

一款时尚的钟表创意特效,在线时钟表盘呈现了24小时时钟走动的动画效果,实时日期时间显示,简单实用,可用于手表表盘、网页插图等。

预览获取

核心代码

  24h在线时钟表盘  

canvas森林瀑布动画特效

Canvas森林瀑布动画特效是一款基于three.js canvas绘制3D积木模型的森林瀑布流动特效。

预览获取

  Canvas森林瀑布动画特效    

CSS3 SVG粘性气泡加载动画特效

这是一款基于CSS3 SVG气泡加载动画特效 特效带有粘性的个性网页气泡加载效果。

预览获取

核心代码

  

飞机打字小游戏源码

飞机打字小游戏源码是一款canvas文打字游戏,在键盘上输入对应单词字母、可以消灭屏幕上出现的字母,也可以得到相应的分数,这款小游戏既可以当娱乐消遣同时还能提高打字速度。

预览获取

核心代码

输入对应掉下来的字符

想玩这款游戏?你需要有个不错的浏览器.

CSS悬停百叶窗轮播特效

CSS3悬停百叶窗轮播特效是一款CSS制作的3D百叶窗图片轮播牌,卷帘式图片切换特效。

预览获取

核心代码

  CSS悬停百叶窗广告牌轮播特效  
+...97个 cell类
+... 23个sign_segment类

鼠标点击放大镜特效

鼠标点击放大镜特效可以通过点击鼠标来放大你想要查看的区域从而实现生活中放大镜的效果。

预览获取

核心代码

您的浏览器尚不支持canvas

SVG卡通创意粒子时钟动画特效

SVG卡通创意粒子时钟动画特效是一款非常简约美观的多边形网页时钟。

预览获取

核心代码

   

Canvas光点放射动画特效

Canvas光点放射动画特效是一款类似于燃放烟花的效果 其自身也会实现放射性动画,当然也可以通过点击实现横飞特效。

预览获取

核心代码

    
点击页面

CSS3 图文内容全屏层叠移动切换特效

CSS3 图文内容全屏层叠移动切换特效,可以实现鼠标左右移动来切换显示左右侧的内容。

获取预览

核心代码

  CSS3 图文内容全屏层叠移动切换特效  

iphoneX-front

一直以来,我们都心存一个设想,期待着能够打造出这样一部 iPhone:它有整面的屏幕,能让你在使用时完全沉浸其中,仿佛忘记了它的存在。它是如此智能,你的一触、一碰、一言、一语,哪怕是轻轻一瞥,都会得到它心有灵犀的回应。而这个设想,终于随着 iPhone X 的到来成为了现实。现在,就跟未来见个面吧。

iphoneX-back

一直以来,我们都心存一个设想,期待着能够打造出这样一部 iPhone:它有整面的屏幕,能让你在使用时完全沉浸其中,仿佛忘记了它的存在。它是如此智能,你的一触、一碰、一言、一语,哪怕是轻轻一瞥,都会得到它心有灵犀的回应。而这个设想,终于随着 iPhone X 的到来成为了现实。现在,就跟未来见个面吧。

以上就是文章的所有内容 详细源码可通过预览获取 点赞收藏 不迷路.