在日常开发中经常会用到遮挡层，一直没有机会研究，今天实现了，感觉原理原来如此简单。不过你可以理解为垂直于屏幕的高度
原创
2023-06-28 14:21:44
69阅读
很多时候，我们需要通过一层半透明的遮罩层来把后面的一切整体调暗，以便凸显某个特定的UI元素，引导用户关注，比如弹出层或者交互指南。这个效果的传统方法就是增加一个额外的HTML元素用于遮挡背景添加如下样式：.overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,.8)
转载
2024-10-29 14:13:41
48阅读
我们都知道margin:0 auto;的样式能让元素水平居中，而margin: auto;却不能做到垂直居中……直到现在。但是，请注意！想让元素绝对居中，只需要声明元素高度，并且附加以下样式，就可以做到：12345.Absolute-Center {margin: auto;position: absolute;top: 0;
转载
2014-02-25 13:17:00
119阅读
2评论
# Android相机遮挡层镂空的实现
## 引言
在移动应用开发中，Android相机的使用愈加普遍。尤其是在与用户交互的应用中，能够在摄像头画面中添加自定义图层成为了重要的需求。本文将着重介绍如何在Android相机界面中实现一个遮挡层镂空的效果，提升用户体验。我们将结合代码示例和图示帮助你更好地理解。
## 概念概述
遮挡层镂空是一种视觉效果，通过在相机预览上叠加一个半透明的图层，并
一个纯DIV+CSS制作的图片切换的实例，高手制作，值得收藏，纯css制作的图片切换更有利于搜索引擎的收录和友好。下面我们看一下高手是怎么写的纯CSS图片切换的。
<!--CTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt-->
原创
2008-10-02 13:27:16
2302阅读
来源 | https://www.fly63.commask简介CSS的mask属性允许使用者通过部分或者完全隐藏一个元素的可见区域。这种效果可以通过遮罩或者裁切特定区域的图片。mask和background用法是相仿的，mask的值有这些：mask-clipmask-compositemask-imagemask-modemask-originmask-positionmask-rep
转载
2024-01-17 10:19:16
152阅读
我们都知道 margin:0 auto; 的样式能让元素水平居中，而 margin: auto; 却不能做到垂直居中……直到现在。但是，请注意！想让元素绝对居中，只需要声明元素高度，并且附加以下样式，就可以做到：12345.Absolute-Center {margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;}
转载
精选
2013-10-12 11:50:39
373阅读
今天我们来演示VLAN间路由的实验，配置方法有多种，我们首先来演示利用三层交换机实现VLAN间路由。其实该实验还有另外一种实现方法：直接在交换机的物理接口配置IP而不用划分VLAN ，下面演示的是在交换机上划分VLAN的实现方法。实验拓扑图：实验环境说明：1.分别启用路由器R1 、R2和交换机SW1；2.将路由器R1的Fa0/0端口的ip设为：192.168.1.2/24，关闭路由功能，用来模拟P
转载
2017-02-21 14:18:54
735阅读
纯CSS Lightbox效果 This is the main content. To display a lightbox click here This is the lightbox content. Close
转载
2014-03-11 16:01:00
265阅读
2评论
例如代码：
原创
2022-12-01 15:13:17
224阅读
CSS3提供了遮罩效果，这是以前CSS2中比较难实现的一个新特性，配合SVG或者canvas同样也可以实现遮罩效果，他的效果就如下图所示:简单的说就是在一个层上面加一个过滤层，过滤层透明度越低，底层就显示的越多，反之，底层显示越少1. CSS3属性CSS3中提供的新属性有(括号为跟background对应类似的属性)：-webkit-mask-image:设置遮罩图片地址-webkit-mask-
转载
2024-03-12 11:20:49
137阅读
在做web前端的时候，有些时候会涉及到模态层，在此提供一种实现思路。希望对大家实用。先贴效果吧： 模态层效果 以下说说在写模态层的时候的思路：通过可配置的參数width，height，title以及content用来设定弹出的信息框显示的内容，并通过可配置參数container用来设定模态层显示的区
转载
2016-03-07 11:15:00
201阅读
2评论
dialog嵌套会有蒙层遮挡问题，我们加dal-append-to-body='fa
原创
2023-05-17 11:45:08
915阅读
title: unity-遮挡剔除OcclusionCulling categories: Unity3d tags: [unity, occlusion, culling, 性能, 优化] date: 2019-06-04 12:52:38 comments: false这是一个优化项, 减少看不见物体的绘制遮挡剔除 与 摄像机的视锥体剔除 不一样, 视锥体剔除只是剔除掉视锥体之外的物体 (gp
转载
2024-05-31 23:17:57
83阅读
本文翻译自：How Can I Wait In Node.js (Javascript), l need to pause for a period of timeI'm developing a console like script for personal needs. 我正在为个人需求开发类似脚本的控制台。 I need to be able to pause for a extended
border（边框）如何用CSS调出边框我们给p标签加一个边框试一下 p{
border：1px solid #ccc；/*这是缩写*/
} 第一个值是为边框的宽度 第二个值是为边框线样式为直线第三个值是为边框的颜色 border-width（边框的宽度） 如果不调宽度的话默认边框是从左边到最右边。设置之后可以
转载
2023-12-11 09:40:44
112阅读
wordcloud是Python扩展库中一种将词语用图片表达出来的一种形式，通过词云生成的图片，我们可以更加直观的看出某篇文章的故事梗概。首先贴出一张词云图（以哈利波特小说为例）：在生成词云图之前，首先要做一些准备工作1.安装结巴分词库pip install jiebaPython中的分词模块有很多，他们的功能也都是大同小异，我们安装的结巴分词 是当前使用的最多的类型。下面我来简单介绍一下结巴分词
在公司做一个关于面包屑的项目时发现用图片实现需要用图片来解决，但是图片加载很慢，就上网查
原创
2022-06-30 16:10:58
67阅读
在线css兼容性处理地址：autoprefixer.github.io
转载
2017-09-19 22:16:00
1448阅读
扩展容器层高度： 父标记没有设置高度，子标记设置了浮动时，父标记的高会比内容高度小，造成页面不美观，必须想办法扩展其高度 1.用clear样式扩展高度 方法：在父标记中添加一个空的div标记，并设置样式 clear:both; margin:0px; padding:0px; 2.用overflow
转载
2016-11-05 21:59:00
100阅读
2评论
