css背景渐变的技巧与方法

[发帖际遇]: the_truth玩宠物的时候不幸损失威望13.

css背景渐变的技巧与方法
用css实现网页背景渐变的代码如下：

一、从上往下渐变

Example Source Code:
body{
FILTER: progidXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}

二、从左上至右下渐变

Example Source Code:
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue;
}

三、从左往右渐变

Example Source Code:
body{
FILTER: progidXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}

四、从上往下渐变

Example Source Code:
style="filter:progidXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"

转载于:https://www.cnblogs.com/shenguanhao/archive/2011/08/17/2143029.html

css背景渐变的技巧与方法相关推荐

css 背景渐变图像_交叉渐变背景图像
css 背景渐变图像 I've been working on a method to fade a page background image sequence, like the current ...
我的学习笔记——CSS背景渐变(Gradients)详解
我的学习笔记--CSS背景渐变(Gradients)详解一.线性渐变(Linear Gradients) 1.语法 background-image: linear-gradient(directi ...
css背景渐变（动画）
css背景渐变(动画) // css背景渐变(动画).writeFarming{background: linear-gradient(-45deg, #2d8cf0, #19be6b, #ff990 ...
css背景渐变透明和方向
css背景颜色渐变透明左到右 background-image: linear-gradient(to left, red, rgba(255, 0, 0, .1)); 右到左 background ...
css背景渐变、css文字渐变
现在项目中,越来越常见的就是背景渐变.文字渐变了,所以这里菜鸟记录一下自己的代码,今后好直接使用背景渐变 background: linear-gradient(-45deg, #3967FF, # ...
css 背景渐变填充指定宽度
给一个 div 设置背景渐变填充指定宽度,类似于进度条的样式.代码如下: <!DOCTYPE html> <html> <head> <meta charse ...
html 图片的过渡效果,详解CSS背景渐变图片transtion过渡效果技巧
一.background-image不支持CSS3 transition background-image 不支持CSS3 transition ,而CSS3 gradient渐变作为背景图片存在的时 ...
html 页面重复度高,html – CSS背景渐变重复问题
我有一个需要扩展宽度和高度的html页面,所以需要能够上下左右滚动,但是我似乎无法使css渐变重复-x并向下留下纯色. 剥离代码: /p> "http://www.w3.org/TR/ ...
css背景渐变神器（Cool Backgrouds）一键生成
Cool Backgrouds(包括:三角化.粒子.css渐变.地形渐变) 可直接调节背景颜色自动生成css代码一键复制简直好用到爆.话不多说自己体验吧 background: linear-g ...

css背景渐变的技巧与方法

css背景渐变的技巧与方法相关推荐

最新文章

热门文章