核心属性: background-attachment 这个属性就牛逼了, 它可以定义背景图片是相对视口固定, 还是随着视口滚动, 加上这个属性网页瞬间就从屌丝变成 高大上。 我们来看个例子: html: css: 代码很简单,让视口出现滚动条, 然后它是这样的: 很普通的一个滚动效果, 然后我们把 ...
分类:
Web程序 时间:
2019-04-19 19:46:01
阅读次数:
562
原文:wpf 水波进度条 用户控件之前看公司web前端做了个 圆形的水波纹 进度条,就想用wpf 做一个,奈何自己太菜 一直做不出来,在看过 “普通的地球人” 的 “ WPF实现三星手机充电界面 博客之后 我也来照葫芦画个瓢。 废话不多说 先贴一下效果图 虽然样子 low 了些 但是基本满足我的需求... ...
之前看公司web前端做了个 圆形的水波纹 进度条,就想用wpf 做一个,奈何自己太菜 一直做不出来,在看过 “普通的地球人” 的 “ WPF实现三星手机充电界面 博客之后 我也来照葫芦画个瓢。 废话不多说 先贴一下效果图 虽然样子 low 了些 但是基本满足我的需求了,下面是代码 前端 后台 美中不 ...
html水波纹样式,源码直接下载,代码有注释教程,小白可以看懂。 动画啥的都做好了,效果我觉得还不错 网上文章看到xbox 工程师使用隐写术,在界面的右下角放上了含有用户激活码的水波纹样式,一般人还真看不出来。 于是仿制了一个 先把莫尔兹转码部分放上来吧,莫尔兹转换部分是网上某位大佬写的,照抄。 完 ...
分类:
Web程序 时间:
2019-01-19 16:18:01
阅读次数:
197
两种方式实现类似水波扩散效果,先上图为敬自定义view实现动画实现### 自定义view实现思路分析:通过canvas画圆,每次改变圆半径和透明度,当半径达到一定程度,再次从中心开始绘圆,达到不同层级的效果,通过不断绘制达到view扩散效果privatePaintcenterPaint;//中心圆paintprivateintradius=100;//中心圆半径privatePaintspread
分类:
移动开发 时间:
2019-01-11 18:52:52
阅读次数:
245
波动方程 根据波动方程的建模,一个脉冲在一根固定两端的绳子上的运动 从一个点源发散出的球面波 波动方程或称波方程(英语:wave equation)是一种重要的偏微分方程,主要描述自然界中的各种的波动现象,包括横波和纵波,例如声波、光波和水波。波动方程抽象自声学,电磁学,和流体力学等领域。 历史上许 ...
分类:
其他好文 时间:
2018-12-27 15:32:43
阅读次数:
234
还记得原来写过一个对图像进行波纹扭曲操作的博文。 这次实现的是水波特效,其实就是通过正余弦函数表示波纹中心位置慢慢向外扩散,通过叠加衰减因子使振幅不断减小,进而产生水波的效果。 效果如下: 原图: 波纹特效: matlab代码如下: 关注公众号: MATLAB基于模型的设计 (ID:xaxymake ...
分类:
其他好文 时间:
2018-12-16 23:30:04
阅读次数:
183
还记得原来写过一个对图像进行波纹扭曲操作的博文。 这次实现的是水波特效,其实就是通过正余弦函数表示波纹中心位置慢慢向外扩散,通过叠加衰减因子使振幅不断减小,进而产生水波的效果。 效果如下: 原图: 波纹特效: matlab代码如下: 参考:https://blog.csdn.net/jia20003 ...
分类:
其他好文 时间:
2018-12-14 21:10:01
阅读次数:
187
昨晚上闲的没事突然想做几个小loading效果,下面是昨晚上做的几个小案例,分享给大家 1.水波loading:这个loading是我觉得非常简单,但是看上去的效果却非常不错的一个小loading 这个是效果图片 下面我直接把代码放上来,大家需要的可以直接拉走 核心思想:(旋转,以及overflow ...
分类:
Web程序 时间:
2018-09-27 13:08:58
阅读次数:
180
最近项目中,ui设计了个水波效果的背景动画,然而并没有gif或svg动画,开始试着用css实现了一下,动画效果并不是很好,网上查了下基本都是用贝赛尔曲线实现,想起以看的各种前波形图,于是想着用三角函数图像初略模拟一下 示例效果如下: 一、绘制sin函数图像 sin函数表达式如下,y=Asin(wx+ ...
分类:
其他好文 时间:
2018-07-03 14:39:46
阅读次数:
219