这个效果做出来以后，真的美极了！放在你的应用中，无疑增添了光彩！ 效果图 其实，第一种效果，才是产品的需求要的效果。第三种效果，是不是很熟悉？支付宝的咻一咻！哈哈，无意中，我就写出来了。 实现步骤 1.attrs.xml定义属性 <declare-styleable name="WaveView"> ...
分类：
其他好文 时间：
2018-01-24 22:06:18
阅读次数：
243
1.在drawable文件下，新建seletor，作为button的背景，这里我用的是两个圆角的shape shape_btn_cycle_normal shape_btn_cycle_press 2.在drawable-v21下，新建同selector名的ripple，如上，我的selector是 ...
分类：
移动开发 时间：
2017-12-25 13:47:49
阅读次数：
254
2015-2017 几多年头，异乡的我油然而生一种说不出的思念，略说出入社会的湖面水波....... ...
分类：
其他好文 时间：
2017-12-10 15:18:26
阅读次数：
121
1.HTML5 Canvas 3D波浪翻滚动画 之前我们分享过好几款基于HTML5 Canvas的波浪和水波纹动画，比如这款HTML5 3D波浪起伏动画特效和这款超酷无比的HTML5 WebGL水面水波荡漾特效。今天我们要介绍一款也是基于HTML5 Canvas的波浪翻滚动画，它同样有着3D立体的视 ...
分类：
Web程序 时间：
2017-11-21 14:51:06
阅读次数：
197
效果如下： 思路： 按钮及按钮的父标签定位需为绝对定位或相对定位 绑定按钮的click事件,把其样式设置为overflow:hidden，并添加下标线标签并设置其样式 当鼠标点击按钮时，如果按钮内有标签(波兰纹)即把该标签删掉， 然后给按钮添加一个新的标签(波浪纹), 注：必须先添加标签然后计算标签 ...
分类：
其他好文 时间：
2017-10-28 18:50:54
阅读次数：
222
按下水波纹效果<?xml version="1.0" encoding="utf-8"?> <!--波纹效果背景--><!--android:color="@color/dark_brown" 按下时的效果--><ripple xmlns:android="http://schemas.androi ...
分类：
移动开发 时间：
2017-09-26 19:20:56
阅读次数：
206
1. HTML 代码： 2. CSS样式：设置animation属性 3. 设置动画方式，像波浪一样，从小变大变无，所以我们要设置宽高从0 – 50px，透明度从有至无，这样就能实现水波涟漪效果啦。 ...
分类：
Web程序 时间：
2017-09-24 13:42:54
阅读次数：
478
背景： 移动端需要做一个倒计时球体水波的效果。主要用到了CSS的SVG瞄点动画和JS的计时器。该动画原型来自于 使用球体水面波动显示进度动画 http://wow.techbrood.com/fiddle/27745 效果展示： <div class="homepage"> <div class=" ...
分类：
其他好文 时间：
2017-09-23 21:22:29
阅读次数：
172
