<style> /*线性渐变*/ div{ width: 300px; height: 300px; /*添加渐变：渐变不是一个单一钩，它产生的是图像，所以需要使用background*/ /*linear-gradient(方向，开始颜色 位置，颜色2 位置，颜色3 位置...);*/ /*方向： ...
分类：
其他好文 时间：
2018-12-27 03:22:37
阅读次数：
193
在App开发中经常会用到渐变色进度条控件，而自定义进度条的实现也不难，下面提供了两种渐变色进度条的实现方案。 效果图如下： 第一种实现方案：使用图层layer实现 层级结构如图所示： 构建过程如下： 1.创建容器 容器创建方案上采用的是生成UIView的子视图：LabelProgressBar， 把 ...
分类：
其他好文 时间：
2018-12-27 00:36:22
阅读次数：
204
1、渐变字体 主要是看：-webkit-background-clip: text; 该属性 2、镂空字体 主要是：-webkit-text-stroke: 3px yellow; 该属性。 3、input框提示信息颜色 4、给图片加上内阴影 通过 box-shadow 属性可以给DIV增加外阴影， ...
分类：
Web程序 时间：
2018-12-26 19:57:04
阅读次数：
253
通过@keyframes规则，可以创建动画 原理：将一套css样式逐渐变为另一套css样式 用法：以百分比或“from”、“to”关键字来控制动画开始和结束。在动画过程中，可以多次改变这套css样式 animation是一个简写的属性，主要用于设置6个动画属性： animation-name:需要绑 ...
分类：
其他好文 时间：
2018-12-26 13:29:03
阅读次数：
132
canvas的三要素：ID标识，width宽度，height高度，他是行元素 IE9才支持canvas，canvas是一个透明的画板，要用js去画 绘制一个圆 线性渐变颜色 径向渐变 ...
分类：
其他好文 时间：
2018-12-23 18:35:57
阅读次数：
106
设计在线工具 "uiGradients" 超多优秀渐变配色网站 "Weavesilk" 镜像炫光生成器 "Trianglify" 轻松制作漂亮的多边形背景 "Picular" 配色网站界的Google "Color Scheme" 在线智能配色 "Coolors" 优秀配色方案 "Color Hun ...
分类：
其他好文 时间：
2018-12-22 20:39:38
阅读次数：
179
Focusky(也称为“FS软件”）不仅提供了丰富的图片、视频背景，以及3D背景，而且支持自定义背景颜色。您可以添加纯色背景色，也可以添加渐变背景色。 1. 点击“背景”按钮，选择“背景颜色”。 2. 打开“高级选项”，选择“纯色”，在拾色器上选择合适的颜色，也可以用取色器取色。 3. 选择“线性渐 ...
分类：
其他好文 时间：
2018-12-17 11:50:06
阅读次数：
750
记录自己写的呼吸灯小程序，程序未经重构，总体较粗糙，望看官见谅。 主体思想是基于PWM脉冲宽度调制来控制LED呈现出一种由暗到亮-由亮到暗的渐变效果； 由于程序比较简单，故程序中没有给出详细注释，在这里大概说一下其两个always块的作用， 第一个always块下面主要是实现一个闪烁频率为50Hz的 ...
分类：
其他好文 时间：
2018-12-16 15:50:27
阅读次数：
296
目标：利用canvas画布画一个动态时钟，根据目前的时间可以实时更新的，可以在过程中添加一些效果，比如让时钟外围的一圈颜色渐变，时钟上的数字颜色改变，时钟的指针颜色改变。。。 设置一个定时器 先放上一张效果图，参考一下 先建一个画布，写好样式 <style type="text/css"> *{ m ...
分类：
其他好文 时间：
2018-12-15 13:39:46
阅读次数：
131
CSS3 渐变渐变（gradients）可以在两个或多个指定的颜色之间显示平稳的过渡。兼容性：IE10+，Chrome26+，FireFox16+，Safari6.1+，Opera12.1+CSS3线性渐变线性渐变属性（Linear Gradients）是沿着一根轴线改变颜色，从起点到终点颜色进行顺 ...
分类：
Web程序 时间：
2018-12-12 19:40:13
阅读次数：
967
