作者：SbCoco来源：iCSS前端趣闻

说起 background-clip ，可能很多人都很陌生。Clip 的意思为修剪，那么从字面意思上理解，background-clip 的意思即是背景裁剪。

什么是混合？

根据维基百科：

?

数字图像编辑和计算机图形中的混合模式(或混合模式)用于确定两个图层如何相互混合。在大多数应用程序中，默认的混合模式只是通过用顶层的内容覆盖底层来隐藏底层。

?

在CSS中，有两个属性负责混合。mix-blend-mode用于混合DOM元素，background-blend-mode用于组合多个CSS背景。

神奇的滤镜：磨砂玻璃效果。

今天我们来看一些常用的css效果。这是一个很常见的磨砂玻璃效果，代码很简单。

·一个半透明的元素盖在一行文字的上面，看到模糊效果第一想到的肯定是filter了。我们加上filter看看效果，可以看见模糊效果是有了，但和我们的预期是完全不符的。这块有一个误区需要搞清楚，我们给这个伪元素加点内容，效果一目了然。filter是针对元素自身的，所以要实现磨砂玻璃的效果filter是肯定不行的。

在AXURE软件中，部件样式可以编辑，但有时却无法满足所有个性化原型的需求。例如文本框部件，可以设置是否隐藏边框，但即使隐藏边框之后，文本框还会有白色的背景。

在前端开发中，CSS样式经常需要覆盖默认样式以实现定制化的视觉效果。有时我们需要使用CSS穿透（穿透CSS）来实现这一点，特别是当我们需要修改内置元素的默认样式时，例如select下拉菜单。下面是一个关于如何使用CSS穿透覆盖默认样式并实现自定义原生select控件样式的教程。

首先，让我们来看看如何使用CSS穿透覆盖默认样式。CSS穿透是一种通过在CSS中使用伪元素和子元素选择器来覆盖默认样式的技术。以下是一个示例代码：

前言

常见的聊天对话框，如微信，都是由一个长方形加一个三角形组合而成，重点就在于三角形的制作