November 10, 2016

红包照片效果

本文是慕课网视频Canvas玩儿转红包照片的学习笔记

1.主要思路:

分为两个图层,底层是一个高斯模糊的图片,上图是一个裁剪成圆的清晰图片

高斯模糊是使用CSS3的filter属性实现

逐渐显示清晰图的动画,是用JS的setInterval实现的。

2.Html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<t......