知识点一：渐变 线性渐变 background: linear-gradient(red,blue); background: linear-gradient(red 10%,blue 90%); background: linear-gradient(to right, red 10%,blue ...
分类：
Web程序 时间：
2020-08-26 18:31:25
阅读次数：
62
Flutter之Decoration（边框、圆角、阴影、形状、渐变、背景图像等） 1 继续关系： BoxDecoration:实现边框、圆角、阴影、形状、渐变、背景图像 ShapeDecoration:实现四个边分别指定颜色和宽度、底部线、矩形边色、圆形边色、体育场（竖向椭圆）、 角形（八边角）边色 ...
分类：
其他好文 时间：
2020-08-25 18:45:45
阅读次数：
66
一、简单动画 1、基本 show(time)和hide(time)显示和隐藏，time为毫秒级，选中的元素逐渐变大和逐渐变小 2、滑动（卷帘效果） slideDown(time)和slideUp(time)类似窗帘的拉起和降下.time单位毫秒 3、淡入淡出 fadeIn(time) 4、自定义 二 ...
分类：
Web程序 时间：
2020-08-08 21:17:20
阅读次数：
85
我们在开发的过程中经常会遇到背景色是渐变的背景色，一般可以制作背景图，如果仅仅是简单的线性变换的背景，今天我就遇到了，其实完全可以用CSS3的渐变来实现这个效果。这个过程由浏览器来生成，不用去加载静态的资源，提高性能。 渐变有两种： 线性渐变（Linear Gradients）- 向下/向上/向左/ ...
分类：
Web程序 时间：
2020-07-24 15:26:11
阅读次数：
90
1.background-position 属性设置背景图像的起始位置。 2.background-size 规定背景图像的尺寸： 3.linear-gradient() 函数用于创建一个线性渐变的 "图像"。 4.Transform 属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放， ...
分类：
Web程序 时间：
2020-07-21 21:28:08
阅读次数：
111
在web前端开发过程中，UI设计师经常会设计一些带渐变文字的设计图，在以前我们只能用png的图片来代替文字，今天可以实现使用纯css实现渐变文字了。下面就介绍3中实现方式供大家参考！ 基础样式： .gradient-text{text-align: left;text-indent:30px;lin ...
分类：
Web程序 时间：
2020-07-18 11:27:54
阅读次数：
77
html5的新特性 1.语义化标签 有利于seo，有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重。 语义化的html在没有css的情况下也能呈现较好的内容结构与代码结构 方便其他设备的解析 便于团队开发和维护 2.表单新特性 3.多媒体视频(video)和音频(audi ...
分类：
Web程序 时间：
2020-07-17 09:32:12
阅读次数：
101
这次项目有一个需求，就是右上角一个 气泡弹窗 popover ，当会员状态是已过期的时候，背景图成白色渐变，如果是未过期，就是黑色渐变。 于是就想通过设置不同的 status 值来添加不同的 className ， 以设置 .ant-popover-inner 的样式来设置背景图， 当然，这样做有一 ...
分类：
其他好文 时间：
2020-07-14 16:51:04
阅读次数：
193
背景颜色 渐变色背景：可以做出各种各样的图形，复杂的图形可以使用这个方案，比如=>这样的图形 多背景叠加 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device- ...
分类：
Web程序 时间：
2020-07-11 23:09:17
阅读次数：
185
如图,一个 Rectangle 一个 Button ,点击按钮时要通过动画完成对 Rectangle填充色的渐变动画. Xaml: 1 <Window 2 x:Class="WpfApp1.MainWindow" 3 xmlns="http://schemas.microsoft.com/winfx ...
