zoukankan      html  css  js  c++  java
  • 利用渐变实现书本的效果

    如上图中间的那部分有点类似阴影的效果是用css3中的渐变(Gradients)来实现的

    结构:

      左边一个div,右边一个div。

    样式:

      左边一个背景为白色。

      右边的div设置渐变属性:     

    1 background:-webkit-linear-gradient(left,#dddddd,white);/*Safari    5.1 - 6.0*/
    2 
    3 background:-o-linear-gradient(right,#dddddd,white);/*Opera 11.1 - 12.0*/
    4 
    5 background:-moz-linear-gradient(right,#dddddd,white);/*Firefox 3.6 - 15*/
    6 
    7 background:linear-gradient(to right,#dddddd,white);/*标准的写法(必须放在最后)*/

    说明:linear-gradient是线性渐变。最后一个background中的to right 指的是从左边到右边由#dddddd变成white

    注意:IE9及其更低的版本不支持渐变。

  • 相关阅读:
    软件测试工具
    Linux笔记
    Google Test
    字典dict()
    元组tuple 可迭代对象
    列表list
    一些总结
    format()
    列表list
    format() expandtabs() 输入表格数据
  • 原文地址:https://www.cnblogs.com/zjjDaily/p/6038678.html
Copyright © 2011-2022 走看看