知识点一:渐变 线性渐变 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 ...