css3做背景渐变
来源:互联网 发布:java 进程间通信 编辑:程序博客网 时间:2024/05/30 04:19
今天想做一个背景渐变效果,不用背景图片,开始走了好多弯路,终于找到了解决问题的办法,希望大家以后不要再走这些弯路。
开始我是这样做的<body class="gradient">
在body里面添加类名,然后设置渐变。这样出来的效果是不对的,不信可以试一下,只有在body里面设置一个div再给里面设置这样的背景渐变就可以了。
这里要用到css教程CSS3 渐变(Gradients)
大家把这篇文章一看就懂了,这块有个要注意的地方就是那个使用角度渐变,他的原定义是这样的
角度是指水平线和渐变线之间的角度,逆时针方向计算。换句话说,0deg 将创建一个从下到上的渐变,90deg 将创建一个从左到右的渐变。
但是,请注意很多浏览器(Chrome,Safari,fiefox等)的使用了旧的标准,即 0deg 将创建一个从下到上的渐变,90deg 将创建一个从左到右的渐变。换算公式 90 - x = y 其中 x 为标准角度,y为非标准角度。
但是我发现他说的那个水平线不是水平的按我的理解应该是这样的大家按照这个图就会很好的理解了。
0 0
- css3做背景渐变
- Css3: gradient背景渐变
- css3 颜色 背景 渐变
- 背景颜色渐变 css3
- CSS3背景渐变
- CSS3 背景颜色渐变
- css3 背景渐变
- css3 背景渐变
- CSS3背景渐变效果
- css3控制背景渐变
- css3实现背景渐变
- CSS3背景渐变
- css3渐变背景+背景图片
- CSS3背景颜色渐变
- CSS3背景、渐变、蒙版
- CSS3实现背景颜色渐变
- CSS3实现背景颜色渐变
- CSS3透明背景+渐变样式
- JNI编写
- mybatis之一
- Android Studio上git的使用(2)
- java多线程--给点1,2,A,B四个线程,交叉输出数字和字母
- SpringMVC项目 URL不进ACTION_
- css3做背景渐变
- Intellij IDEA 创建Web项目并在Tomcat中部署运行
- 联想Y470清灰大法
- 工作,一年了!
- 1013. Battle Over Cities (25)
- eclipse快捷键大全啦啦啦啦
- ZOJ Most Powerful (状态压缩DP)
- Spring定时任务的几种实现
- 新阶乘问题,有两个数a,b(a>=b),求a到b之间所有数的阶乘之和;数据有多组.