渐变背景一直以来在Web页面中都是一种常见的视觉元素。但一直以来，Web设计师都是通过图形软件设计这些渐变效果，然后以图片形式或者背景图片的形式运用到页面中。Web页面上实现的效果，仅从页面的视觉效果上来看，与设计并无任何差异。事实上这种方法是比较麻烦的，因为首先需要设计师进行设计，然后进行切图，在 ...
分类：
Web程序 时间：
2019-11-25 09:41:40
阅读次数：
67
3 线性渐变实例 一、颜色从顶部向底部渐变 制作从顶部到底部直线渐变有三种方法，第一种是起点参数不设置，因为起点参数的默认值为“top”；第二种方法起点参数设置为“top”；第三种起点参数使用“-90deg”关键词。为top_bottom设置从顶部向底部的渐变，三种方法的CSS代码如下： 第一种方法 ...
分类：
Web程序 时间：
2019-11-25 09:40:46
阅读次数：
86
关键词：animation（动画名称，花费时间、是否轮流反向播放动画） @keframes 规则，创建动画（原理是将一套 CSS 样式逐渐变化为另一套样式） ...
分类：
Web程序 时间：
2019-11-20 16:43:44
阅读次数：
128
Vue基础 渐变式JavaScript框架 一、走进Vue 1.what 什么是Vue 2、why 为什么要学习Vue 3、 special 特点 4、how 如何使用Vue 开发版本 : vue.js 生产 版本:vue.min.js ...
分类：
其他好文 时间：
2019-11-14 15:20:35
阅读次数：
60
##在canvas中插入图片(需要image对象) 1.canvas操作图片时，必须要等图片加载完才能操作 2.drawImage(image, x, y, width, height) 其中 image 是 image 或者 canvas 对象，x 和 y 是其在目标 canvas 里的起始坐标。 ...
分类：
其他好文 时间：
2019-11-10 11:53:34
阅读次数：
93
我并不太喜欢日漫，因为日漫似乎只是纯真的儿童世界。”正义永远站在邪恶之上“之类层出不穷，乍一看还有点毁三观。但是《你的名字》火起来时候，我对日漫的态度渐渐变了。 《你的名字》上映后，新海诚曾经说过一段话：“希望动画对观众而言是像创可贴一般的存在——受伤时可以用它加速伤口愈合，复原后便撕下它，无需留恋 ...
分类：
其他好文 时间：
2019-11-09 09:35:30
阅读次数：
143
浮动： float 是我们网页布局的一种 浮动 可以有 left 左浮动 right 右浮动 两种 浮动的特点： 脱离正常的文档流，原本的空间不占据，浮动的标签都具有块级标签的一些特点，可以手动设置宽高 如果有相邻的多个浮动的元素，那么后面浮动的元素会停靠在前面浮动元素的后面，如果剩余空间不够，则会 ...
分类：
其他好文 时间：
2019-11-07 09:43:15
阅读次数：
79
在负责的项目中，有一个环形渐变读取进度的效果的需求，于是在网上查阅相关资料整理一下。代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https ...
分类：
Web程序 时间：
2019-11-06 21:17:07
阅读次数：
111
你不知道的Canvas（二） 一、色彩Colors 到目前为止，我们只看到过绘制内容的方法。如果我们想要给图形上色，有两个重要的属性可以做到： 和 设置图形的填充颜色。 设置图形轮廓的颜色。 可以是表示 CSS 颜色值的字符串，渐变对象或者图案对象。默认情况下，线条和填充颜色都是黑色（CSS 颜色值 ...
分类：
其他好文 时间：
2019-11-05 13:41:21
阅读次数：
64
