美文网首页
蒙版 倒影

蒙版 倒影

作者: 藏于心Z | 来源:发表于2018-07-20 10:21 被阅读0次

蒙版:

        目前只有-webkit-内核浏览器支持,其他不支持。

        需要png透明度遮罩

        和背景设置一样,可以设置多个png图为蒙版

        -webkit-mask:url(" img/6.png") 10px 30px;

倒影:

       目前只有-webkit-内核浏览器支持,其他不支持。

-webkit-box-reflect:  below  10px  linear-gradient(to top ,

rgba(255,255,255,1)  10px,

rgba(255,255,255,0.3)  80px,

rgba(255,255,255,0)  200px,

rgba(255,255,255,0)

rgba(255,255,255,0)

);

第一个值表示倒影出现的位置,上下左右(above   below  left  right )

第二个人值是倒影和本影之间的间隙,为具体的数值,10px。

第三个值是利用透明度的渐变也可以是一个png透明的图片链接 如:。

-webkit-box-reflect:  left  10px  url("img/7.png");

相关文章

  • 蒙版 倒影

    蒙版: 目前只有-webkit-内核浏览器支持,其他不支持。 需要png透明度遮罩 和背景设置一样,可以设置多个p...

  • 遮罩,倒影,渐变

    一、遮罩(蒙版) **蒙版的透明出会遮盖元素,图片区不会遮盖元素 二、倒影 box-reflect:none | ...

  • 轨道蒙版

    轨道蒙版类型:1、Alpha蒙版;2、Alpha反转蒙版;3、亮度蒙版;4、亮度反转蒙版; 轨道蒙版至少需要两个层...

  • 零基础学习PhotoshopCS6︱第十课 图层蒙版

    定义:蒙在图层上的板。 这个板可以是白色、灰色、黑色。 种类:图层蒙版、矢量蒙版、快速蒙版、剪贴蒙版 一、图层蒙版...

  • PS中的蒙版有哪些用途?

    PS中的蒙版有哪些用途蒙版可以说是一个超级好用的灵活的橡皮檫黑色蒙版→遮罩;灰色蒙版→透明;白色蒙版→显示普通蒙版...

  • HTML开发 完美解决pop弹出蒙版后底层滑动问题

    html 弹出蒙版后禁止底层滑动 在对应的最外层(蒙版父视图),添加css 蒙版层使用 然后点击弹出蒙版和关闭蒙版...

  • ps蒙版如何使用详细步骤 手把手教你Photoshop蒙版的使用

    ps蒙版怎么用?ps蒙版使用教程。我想很多朋友不知道PS蒙版怎么用?ps蒙版使用教程,要知道,熟练运用ps蒙版是非...

  • 图层蒙版的使用-058

    图层蒙版 创建 文字 蒙版 风景图层,要在文字的上方 Alt+左键:在图层中间单击 快速蒙版 点击 快速蒙版 画笔...

  • 蒙版

    一 美工做图作海报的时候,经常用到蒙版的功能。蒙版很有意思,在PS里还分普通蒙版、矢量蒙版 二 蒙版只对三种颜色有...

  • 零基础学习PhotoshopCS6︱第十五课 快速蒙版

    快速蒙版 四、快速蒙版 1、定义:用来暂时存储选区的蒙版。 2、如何添加快速蒙版: (1)在菜单栏执行:选择—在快...

网友评论

      本文标题:蒙版 倒影

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