程序猿的情人节是这样开启的

转眼间,情人节马上就要到了,作为程序猿的我们有属于自己的浪漫,跟随本文让我们一起看看程序猿的情人节是如何开启的,下面我们就开始程序猿的土味情人节吧。 情人节,属于彼此相爱的人的节日,爱是永...

css3实现K歌效果

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

苹果菜单放大效果

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

QQ空间长图滚动效果

QQ空间在对长图的处理的时候,将长图显示在了一个固定宽高并且隐藏溢出部分的容器内,然后在鼠标移动到容器的时候滚动显示其他部分。那么如何实现呢? 先不考虑移动的效果,先看一下布局: <!D...

canvas绘制漫天飞舞的樱花

首先,先看效果。 猛戳这里查看效果 接下来,我们看看具体怎么实现这个效果 第一步,我们先画出一棵树的主体。 画树的使用的原理是,定义一个起始点,从这个点开始,向一个角度移动一段距离。得到另一个点。...

canvas鼠标拖动喷字效果

记得好久之前在w3cfuns上看到有人做过这个效果,对于其实现也许可能还有朋友不是很明白,个人觉得这个效果还是比较简单的,在这里对这个效果做一个简单的介绍。 其实我觉得实现这个效果主要是对各种鼠标...

Canvas生成姓名文字头像

很多项目管理工具都会有姓名文字头像这样一个功能,这样便于管理者或者成员更容易找到成员相关的内容,对于生成这样的图片方法很多,后端,前端均可生成,下面演示一个用canvas生成文字头像的例子。 代码...

Canvas模拟海葵摆动效果

海葵在海洋中随着海浪的起伏有节奏的左右摆动(当然也有可能上下摆动),对于其左右摆动的动画,我们可以通过正弦函数的特性来完成,我们都知道正弦函数的区间在-1到1之间,正好满足左右摆动。再结合quad...

Canvas实现微信红包图片

前一段时间微信曾经出过一个微信红包图片的功能,你只能看到图片的一小部分,其他的部分都做了模糊处理,要想看全部图片,需要先发红包。虽然这个功能只上线了短短几天就下线了,但是他真真正正的存在过。下面我...

js页面点击爱心弹出效果

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