css3实现K歌效果

css3实现K歌效果

MV中歌词逐字刷新效果经常我们经常遇到,那么我们如何利用css来实现这样的效果呢? 首先,先看一下最终的效果: 接下来简单的分析一下原理: 该效果主要用到的css特性...
苹果菜单放大效果

苹果菜单放大效果

苹果放大菜单效果主要是运用了三角函数的知识,其实三角函数在编程中应用的还是非常广泛的,而且个人觉得也非常的实用,之前我写的css旋转真实坐标的转换(点击这里穿越...
QQ空间长图滚动效果

QQ空间长图滚动效果

QQ空间在对长图的处理的时候,将长图显示在了一个固定宽高并且隐藏溢出部分的容器内,然后在鼠标移动到容器的时候滚动显示其他部分。那么如何实现呢? 先不考虑移动的效...
canvas绘制漫天飞舞的樱花

canvas绘制漫天飞舞的樱花

首先,先看效果。 猛戳这里查看效果 接下来,我们看看具体怎么实现这个效果 第一步,我们先画出一棵树的主体。 画树的使用的原理是,定义一个起始点,从这个点开始,向...
canvas鼠标拖动喷字效果

canvas鼠标拖动喷字效果

记得好久之前在w3cfuns上看到有人做过这个效果,对于其实现也许可能还有朋友不是很明白,个人觉得这个效果还是比较简单的,在这里对这个效果做一个简单的介绍。 其实我...
Canvas生成姓名文字头像

Canvas生成姓名文字头像

很多项目管理工具都会有姓名文字头像这样一个功能,这样便于管理者或者成员更容易找到成员相关的内容,对于生成这样的图片方法很多,后端,前端均可生成,下面演示一个...
Canvas模拟海葵摆动效果

Canvas模拟海葵摆动效果

海葵在海洋中随着海浪的起伏有节奏的左右摆动(当然也有可能上下摆动),对于其左右摆动的动画,我们可以通过正弦函数的特性来完成,我们都知道正弦函数的区间在-1到1...
Canvas实现微信红包图片

Canvas实现微信红包图片

前一段时间微信曾经出过一个微信红包图片的功能,你只能看到图片的一小部分,其他的部分都做了模糊处理,要想看全部图片,需要先发红包。虽然这个功能只上线了短短几天...
js页面点击爱心弹出效果

js页面点击爱心弹出效果

看到有些网站在文章点赞的时候会做一个类似+1这种慢慢变大变淡的淡出效果,我就想着自己能不能搞一个其他物件淡出的效果,作为页面的装饰,想一想没事点点鼠标,还可以...