-
CSS3----渐变
1-从上往下线性渐变:
background: -webkit-linear-gradient(red,blue);
background: -o-linear-gradient(red,blue);
background: -moz-linear-gradient(red,blue);
2-从上往下线性渐变:
background: -webkit-linear-gradient(left,red,blue);
background: -o-linear-gradient(left,red,blue);
background: -moz-linear-gradient(left,red,blue);
3-对角线性渐变:
background: -webkit-linear-gradient(left top,red,blue);
background: -o-linear-gradient(left,red top,blue);
background: -moz-linear-gradient(left top,red,blue);
4-角度线性渐变:
background: -webkit-linear-gradient(45deg,red,blue);
background: -o-linear-gradient(45deg,red ,blue);
background: -moz-linear-gradient(45deg ,red,blue);
5-多中颜色线性渐变:
background: -webkit-linear-gradient(green,red,blue);
background: -o-linear-gradient(green,red ,blue);
background: -moz-linear-gradient(green ,red,blue);
6-透明线性渐变:
background: -webkit-linear-gradient(rgba(255,0,0,0),rgba(255,0,0,1));
background: -o-linear-gradient(rgba(255,0,0,0),rgba(255,0,0,1));
background: -moz-linear-gradient(rgba(255,0,0,0),rgba(255,0,0,1));
7-重复线性渐变:
background: -webkit-repeating-linear-gradient(red ,green 20%,blue 20%);
background: -o-repeating-linear-gradient(rgba(red ,green 20%,blue 20%);
background: -moz-repeating-linear-gradient(red ,green 20%,blue 20%);
8-径向渐变--均匀分布:
background: -webkit-radial-gradient(red ,green);
background: -o-radial-gradient(red,green);
background: -moz-radial-gradient(red,green);
9-径向渐变--不均匀分布:
background: -webkit-radial-gradient(red 10% ,green 40%);
background: -o-radial-gradient(red 10% ,green 40%);
background: -moz-radial-gradient(red 10% ,green 40%);
10-径向渐变--形状分布:
background: -webkit-radial-gradient(60% 55%,farthest-side,red,green,yellow,black);
background: -o-radial-gradient(60% 55%,farthest-side,red,green,yellow,black);
background: -moz-radial-gradient(60% 55%,farthest-side,red,green,yellow,black);
-
相关阅读:
一款标注颜色,距离的小软件 markman
EF5+MVC4系列(7) 后台SelectListItem传值给前台显示Select下拉框;后台Action接收浏览器传值的4种方式; 后台Action向前台View视图传递数据的四种方式(ViewDate,TempDate,ViewBag,Model (实际是ViewDate.Model传值))
ISAPI和CGI限制中没有ASP.NET v4.0 ; vS2013检测到在集成的托管管道模式下不适用的 ASP.NET 设置。
EF5+MVC4系列(6) 简单三层的搭配(泛型) 实现 增删改查
MVC4小细节
目标和制定周期问题
转 : 设计实例对比:MySQL vs MongoDB
转:C#通过WebClient/HttpWebRequest实现http的post/get方法
如何使用 OpenFileDialog 组件 (选择文件组件)
resharper安装后,F12不能转到定义,也不是反编译,而是转到对象浏览器(object browser)
-
原文地址:https://www.cnblogs.com/SunlikeLWL/p/8793041.html
Copyright © 2020-2023
润新知