css3渐变

线性渐变: 属性:linear-gradinet(开始位置 角度,起始颜色,终止颜色 ) 开始位置:渐变开始的位置,属性值可以为百分比/长度/left、right、top、bottom(可组合使用) 角度:渐变终止方向的角度,当开始位置为数值或百分比时候可用 起始颜色...... 终止颜色...... 重复渐变将属性修改为:repeating-linear-gradinet()

径向渐变(放射渐变): 属性:radial-gradinet()(形状 发散方向,起始颜色,终止颜色) 形状:ellipse(椭圆)/circle(圆形) 发散方向:属性值可以为left、right、top、bottom、center(可组合使用) 大小(半径):属性值可用像素或关键字表示 closest-side:圆心到距离最近的边 farthest-side:圆心到距离最远的边 closest-corner:圆心到距离最近的角 farthest-corner:圆心到距离最远的角 起始颜色...... 终止颜色...... 重复的径向渐变:repeating-radial-gradinet()

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏cnblogs

BOOtstrap源码分析之 tooltip、popover

一、tooltip(提示框) 源码文件: Tooltip.js Tooltip.scss 实现原理: 1、获取当前要显示tooltip的元素的定位信息(top...

36660
来自专栏用户2442861的专栏

background-position 用法详细介绍

http://www.cnblogs.com/huazaizai/archive/2010/11/03/1867907.html

14110
来自专栏jiajia_deng

Qt 用画笔对图片实现马赛克效果

最近接了一个用 Qt 做跨平台截图工具的任务,主要功能有截图、绘制图案、马赛克、毛玻璃、文字能效果,其中马赛克功能时参考网上的文献并自己研究制作出来的,这里特意...

37410
来自专栏Android小菜鸡

自定义View学习之路(二)————Paint与Canvas

  Canvas可以理解为画布,配置好画笔后,我们可以调用Canvas的各种绘制方法。   绘制直线:canvas.drawLine(float startX...

11410
来自专栏上善若水

018android初级篇之自定义圆形进度条

项目需要,需要一个圆形的进度条,所想到的实现方案是这样的: 自定义View,订制一个圆形的进度条。下面简述实现,有不当之处敬请指正。

15550
来自专栏阮一峰的网络日志

SVG 图像入门教程

SVG 是一种基于 XML 语法的图像格式,全称是可缩放矢量图(Scalable Vector Graphics)。其他图像格式都是基于像素处理的,SVG 则是...

12510
来自专栏Nian糕的私人厨房

CSS 布局_1 盒模型

盒模式是 CSS 中一个重要的概念,即元素在页面所占据的空间位置,盒模型的属性包括:内容 (content)、填充 (padding)、边框 (border)、...

10140
来自专栏前端之路

–探索CSS3动画、过渡

17650
来自专栏coding for love

CSS进阶11-表格table

(注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!) (注2:更多内容请查看我的目录。)

60120
来自专栏抠抠空间

css属性详解

一、字体属性 字体   font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。浏览器会使用它可识...

32590

扫码关注云+社区

领取腾讯云代金券