xaml代码如下 CS代码 ...

效果如下： 代码如下： ...

1. HTML 代码： 2. CSS样式：设置animation属性 3. 设置动画方式，像波浪一样，从小变大变无，所以我们要设置宽高从0 – 50px，透明度从有至无，这样就能实现水波涟漪效果啦。 ...

CSS3的动画非常强大，但是平时写的并不多，这里，记录一个CSS3实现水波纹的效果 实现代码如下： 为了兼容低版本google浏览器，需要加-webkit-前缀，特别是定义帧动画时，很容易被忽略，@-webkit-keyframes 自适应的宽高相等的div ...

本文将会从水波的基本原理开始，详细讲解在canvas中模拟水波扩散，分析并计算水波的能量分布，并通过振幅模拟水波对图像的折射效果，最后实现水波特效。 水波基本原理 首先复习一波高中物理知识。 波是指振动的传播。波的传播方向与质点振动方向垂直的为横波，相同则为纵波，水波是横波和纵波的叠加 ...

具体算法见 http://www.cnblogs.com/worldreason/archive/2008/05/09/1189648.html 下面直接上代码： HLSL： ...

　　最近花了点时间，把以前没做好的事情仔细整理了一下。一看时间，隔了有半年之久。惭愧惭愧。。。。其实以前都没有仔细考虑清楚到底是怎么样的事情，只是照着别人的思路把程序写下来而已，这几天重新做了几个实验 ...

css 效果图 ...