渐变配色网站webgradients
不知道给图片或PPT背景怎样配色的朋友们有福了, 今天给大家介绍一个非常实用的网站webgradients, 这个网站提供了180种渐变配色方案, 想要哪种配色方案一目了然不必再纠结。
WebGradients 是 180 个线性渐变的免费工具集合，您可以将其用作网站任何部分的内容背景。轻松复制(copy)CSS3 跨浏览器代码并立即使用！我们还准备了每个渐变的 .PNG 版本。
2024年10月31日
渐变配色网站webgradients
不知道给图片或PPT背景怎样配色的朋友们有福了, 今天给大家介绍一个非常实用的网站webgradients, 这个网站提供了180种渐变配色方案, 想要哪种配色方案一目了然不必再纠结。
WebGradients 是 180 个线性渐变的免费工具集合，您可以将其用作网站任何部分的内容背景。轻松复制(copy)CSS3 跨浏览器代码并立即使用！我们还准备了每个渐变的 .PNG 版本。
2024年10月31日
对于网页布局来说，导航菜单是页面中非常重要的部分，利用CSS中的渐变属性值可以让导航的效果更加丰富。案例效果如下：
本案例分为2个部分，一个是网页文件，一个是样式文件。
网页文件menu.html的代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
2024年10月31日
之前也有写过 CSS 优惠券样式《CSS3径向渐变实现优惠券波浪造型》，这次再来温习一遍，并且将更为详细的讲解，从布局到具体样式说明，最后定义 CSS 变量，自定义主题颜色。
布局 其实是学习前端的重要部分，最常用的方式就是从上而下、从左而右、亦或者两个相结合。
2024年10月31日
除了线性渐变以外，HTML 5 Canvas API还支持径向渐变（放射性渐变），就是颜色会介于两个指定圆间的锥形区域平滑变化。径向渐变和线性渐变使用了颜色终止点是一样的，如果要实现它，就需要使用方法createRadialGradient。
绘制径向渐变
createRadialGradient（x0，y0，r0，x1，y1，r1）方法表示沿着两个圆之间的锥面绘制渐变。其中前三个参数代表开始的圆，圆心为（x0，y0），半径为r0。最后三个参数代表结束的圆，圆心为（x1，y1），半径为r1。
2024年10月31日
原文：http://www.cnblogs.com/lankongclub/archive/2017/10/27/7741961.html
这次是简单的谈一下我们常见的渐变在各个浏览器下的兼容性问题，算一个比较简单的问题。
我们熟知的浏览器有Chrome、Firefox、Opera、Safari以及ie系列。最基础的background:#cccccc属性表示页面呈现#cccccc色，当然这个在任何浏览器下面都是满足的。但是随着我们对颜色要求的提高，引入了渐变linear-gradient，不同的浏览器对于它的认知需要加不同的前缀。通过上面的例子我们可以知道firefox:-moz-、chrome/safari/opera:-webkit-、ie:-ms-、当然ie很多版本都不接受，于是可以采取滤镜的方式处理。
2024年10月31日
上篇整体介绍了css渐变的知识，本篇将着重介绍线性渐变（linear-gradient）。
我们在网页设计中最常见的 CSS 渐变类型是 linear-gradient()。之所以称为“线性”，是因为颜色从左到右、从上到下或以您在某个方向上选择的任何角度渐变。
2024年10月31日
CSS3高级属性——转换
transform: 转换、变形
语法：
选择器 {
transform: 变形函数
}
常用的2D转换函数：transform转化
(1)位移：translate(x)、translate(x, y)，无需指定轴点
(2)旋转：rotate(值deg)，值为正数就是顺时针转，值为负数的话就是逆时针转。