canvas实现酷炫气泡效果
canvas实现动画主要是靠设置定时器（setinterval（））和定时清除画布里的元素实现，canvas动画上手很简单，今天可以自己动手来实现一个酷炫气泡效果。 气泡炸裂效果（类似水面波纹） 代码如下： 气泡上升效果 代码如下： ...
原文：原生js实现canvas气泡冒泡效果
说明： 本文章主要分为ES 和ES 两个版本 ES 版本是早期版本，后面用ES 重写优化的，建议使用ES 版本。 , 原生js实现canvas气泡冒泡效果的插件，api丰富，使用简单 , 只需引入JumpBubble.js一个js文件即可 项目源码地址：https: github.com roonly JumpBubble 使用demo: ES 版本的使用demo： const bubble ne ...
2016-12-14 16:06 1 7337 推荐指数：
相关推荐
纯css实现气泡效果
先上代码： 效果图： 主要运用的是1.border 组成的直角三角形。2，before 和 after 伪元素 。3，z-index属性 1. 将元素的长宽设置为0，并且将border的3条边设置为透明的，就会出现border颜色的直角三角形 ...
原生JS实现弹幕效果
纯属无聊写的，可能有很多问题，欢迎批评指教。 效果图：图一是预设的一些弹幕，图二是自己发射的弹幕，效果是一样的。demo地址 首先是弹幕的位置，是要从最右滑到最左，为了防止随机高度弹幕会覆盖的问题，设置了通道。 每一个通道是从左到右的一条，高度固定，这样不同通道的弹幕 ...
原生js实现拖拽效果
面向对象 + 原生js拖拽 拖拽div等盒子模型，都是日常操作没有什么问题，如果是拖拽图片的话，会有一点小坑要踩...... 那么我们看代码: ``` var Move_fn = {}; (function(Move_fn){ function Move_img ...
css实现气泡框效果
前提：气泡框或者提示框是网页很常见的，实现它的方式有很多，我们以前最常用的就是切图片 然后通过 "定位" 方式 定位到相应的位置，但是用这种方式维护很麻烦，比如设计师想改成另外一种或者另外一种颜色 那我们只有再次切图片等。下面我们来学习下使用html+css来实现这种效果！ 如下效果 ...
CSS3效果：实现气泡效果
的效果。 我们现在需要创建对话浮层下面的那个三角形的指向标志了。不使用图片，我们使用CSS边框来 ...
随机生成气泡碰撞（原生js）
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>随机生成气泡碰撞</title> <style> html { height: 100 ...
原生js实现星星闪烁的效果
星星闪烁的原理其实很简单： html代码： <body style="background:#000"> <div id="stars_box"></d ...