美文网首页
web学习:03-CSS3背景与渐变

web学习:03-CSS3背景与渐变

作者: TDB | 来源:发表于2019-06-05 21:34 被阅读0次

    1.CSS3背景

    1.1 背景图像区域





    1.2 背景图形定位





    1.3 CSS3背景图像大小

    //cover 布局不会有留白



    1.4 CSS3 多重背景图像
    // 一般透明图放到前面,可以正确显示多重背景

    1.5 CSS3 背景属性整合


    //建议书写方式

    2.CSS3 渐变

    2.1 CSS3 渐变


    2.2 CSS3 线性渐变



    // 从上向下



    // 从左向右


    // 对角线




    2.2.1 线性渐变 - 使用角度

    2.2.2 线性渐变 - 颜色节点



    // 透明渐变

    // 重复渐变





    霓虹灯效果

    2.3 CSS3 径向渐变



    // 默认渐变



    // 设置形状

    // 圆形渐变







    // 重复渐变

    3. IE渐变

    // 颜色16进制



    4. 渐变应用

    相关文章

      网友评论

          本文标题:web学习:03-CSS3背景与渐变

          本文链接:https://www.haomeiwen.com/subject/uvkrzqtx.html