.overlay{
    display: block;
	    position: absolute;
	    top: 0%;
	    left: 0%;
	    width: 100%;
	    height: 100%;
	    background-color: black;                          
	    z-index:9998;                 
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-29 17:37:09
                            
                                272阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在线css兼容性处理地址:autoprefixer.github.io            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-09-19 22:16:00
                            
                                1448阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            来源 | https://www.fly63.commask简介CSS的mask属性允许使用者通过部分或者完全隐藏一个元素的可见区域。这种效果可以通过遮罩或者裁切特定区域的图片。mask和background用法是相仿的,mask的值有这些:mask-clipmask-compositemask-imagemask-modemask-originmask-positionmask-rep            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-17 10:19:16
                            
                                158阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-03-29 17:09:00
                            
                                781阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-03-29 17:09:00
                            
                                335阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            为了丰富视频呈现效果,我们会在原视频上增加遮罩。遮罩与蒙版不同,蒙版是依附于图层,与效果、变换一样,作为图层的属性存在,不是单独的图层。而遮罩是新建图层,通常是上对下遮挡的关系,作为一个窗口,只在视频区域展现你想展示的内容。利用AE遮罩我们可以变幻出丰富的视频效果,那不会AE的要怎么办?一条路是学,另一条就是“曲线救国”。第一步:将视频导入喵影工厂剪辑软件   
 万兴喵影 - 电脑视频剪辑软件/            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-18 21:25:04
                            
                                213阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            引导动画一(路径动画) 一、路径动画:路径动画指的是让一个物体沿着某一条路径运动的动画。 二、制作路径动画所需要的图层: 1、引导层(引导层是用来存放路径的图层) 引导层分普通引导层和运动引导层两种。 普通引导层:为其他图层提供辅助绘图和绘图定位; 运动引导层:设置对象运动的路径。 2、被引导层(被引导层是用来存放沿路径运动的物体) 三、创建引导层和被引导层的方法: 1、创建引导层的方法: (1)            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-26 16:10:35
                            
                                125阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            记录在前边:当我们继承View时无论是现有的控件还是ViewGroup等等,我们都会重写构造函数。他们的作用:只继承含context参数的构造函数,只能通过java代码申明使用;实现Context context, AttributeSet attrs的构造函数可以在布局中申明使用;实现Context context, AttributeSet attrs, int defStyle的构造函数,可            
                
         
            
            
            
            CSS3提供了遮罩效果,这是以前CSS2中比较难实现的一个新特性,配合SVG或者canvas同样也可以实现遮罩效果,他的效果就如下图所示:简单的说就是在一个层上面加一个过滤层,过滤层透明度越低,底层就显示的越多,反之,底层显示越少1. CSS3属性CSS3中提供的新属性有(括号为跟background对应类似的属性):-webkit-mask-image:设置遮罩图片地址-webkit-mask-            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-12 11:20:49
                            
                                137阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1 引言本期分享一下如何仅用CSS3,实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。先看下最终效果:       再看看HTML代码:没错,就是这么任性,每个动图就一个标签,而且无图无JS!下面就来详细介绍下技术实现。涉及到的关键CSS3属性:transform:用于移位、旋转、缩放效果box-shadow:利用投影实现图像的复制(关键!)clip-path:基于绘制的形状对元            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-11 15:06:03
                            
                                165阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
             出于对b站视频为什么不遮挡人物的好奇,查看了相关的图片和相关文档,发现图片是类似于一个PS的遮罩层: 这张图片是怎么来的,肯定是AI识别出来然后生成的,一张图片也就一两K,一次加载很多张也不会造成很大的负担。查找文档,主要利用了以下属性: 详细相关mark属性: 它可以用于隐藏或部分隐藏一个元素的可见区域,类似于PS中的遮罩概念对于遮罩 
   如果元素添加了遮罩属            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-31 21:06:01
                            
                                81阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            我是内容内容部分需要屏幕居中显示px; height: px;">            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-06-16 17:18:00
                            
                                256阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            CSS 遮罩层,背景渐变 html <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="basic.css"> </head> <body> <div cl            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-06-18 11:00:13
                            
                                93阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            设计和交互对Element里面upload上传图片预览样式不满意,同时上传组件的动效bug比较多,影响用户体验,所以对这个组件的样式进行重写。其中涉及到图片增加遮罩的效果。正常是这样:鼠标hover以后是这样: 那么很明显遮罩的元素肯定是脱离正常文档流的,想要脱离文档流,可以使用绝对定位或者浮动,这里采用绝对定位实现。有的同学说相对定位应该也能实现吧,确实可以实现,但是有一个问题,相对定位的元素并            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-02 10:02:05
                            
                                83阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            把图片导进AE之后拖入新建的合成中,在合成里选中这张图按ctrl+D复制一层,先说一下原理:两张一模一样的图放了两层,上面的那层把主体(也就是第一帧要凸显的物体)画一个mask遮罩,下面的一层不需要画遮罩。也就是说上面那一层是主体物,下面这层是背景,两个层叠加在一起还是原来的那张图。然后给两个层都添加fast blur(快速模糊)特效并且做关键帧动画,上面一层的动画是由清晰到模糊改变,下面一层的动            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-06 20:25:13
                            
                                193阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            <style>    #shade {        text-align: center;        position: absolute;        z-index             
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2015-01-28 13:48:23
                            
                                725阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS主要是用来对html进行加样式。犹如修房子,你首先得到的是清水房,需要对其进行装修;网页也是如此,先写出大概的html,然后通过CSS来加样式、布局等等。说到CSS并非想象中的那么轻松,得有一定的想象力才行,不然你就学不好CSS。下面我们就来具体谈谈CSS有哪些用处。CSS简介 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-08 13:39:57
                            
                                109阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <iframe>标签在一个页面中嵌套另一个页面可以与<a>标签连用比如:  <iframe name=xxx src=”#” frameborder=’0’></iframe>
<a target =xxx href=’http://www.qq.com’>QQ</a>  <iframe>的name和<a&g            
                
         
            
            
            
            图像编辑中的遮罩是一种基于另一个对象“隐藏”对象的一部分的方法。 这种方法在Photoshop等图像编辑器中早就可用。 具有某些属性CSS也可以使用类似的方法。  但是在继续之前,让我们先看看如何在Photoshop中实现这种效果,然后您将看到我们如何使用CSS来模仿类似的效果。  观看演示 在Photoshop中 在Photoshop中,我们至少需要有两个对象用于“遮罩”。 之后,我们只需按住            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-22 13:50:59
                            
                                72阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            文本保护要使图片上的文本清晰可见,请使用遮罩的形式来保护文本。遮罩是一个轻量级、半透明的材料层。 1. 渐变的较暗的一端:不透明度视场景而定 2. 渐变的中点:靠近较暗一端的 3/10 处 3. 渐变的结束点:不透明度为 0为了避免条带效应(形成明显的条纹形状),渐变要尽可能长,一般是标准应用栏高度的 3 倍,渐变的中点在距离暗端 3/10 处。这使得渐变非常自然,且避免了边缘变得尖锐。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-06-18 17:48:36
                            
                                126阅读
                            
                                                                             
                 
                
                                
                    