- 2024-07-07CSS基础知识总结（4）
1、使用CSS绘制一些简单的图形。A：正方形#square{width:100px;height:100px;background-color:red;}B：圆形1#square{2width:100px;3height:100px;4border
- 2024-06-19CSS（4）盒子模型
盒子模型（CSS重点）其实，CSS就三个大模块：盒子模型、浮动、定位，其余的都是细节。要求这三部分，无论如何也要学的非常精通。1.看透网页布局的本质网页布局中，我们是如何把里面的文字，图片，按照美工给我们的效果图排列的整齐有序呢？看透网页布局的本质：把网页元素比如文字图片等
- 2024-06-13OpenEuler22.03安装openGauss5.0.2LTS版本
OpenEuler22.03安装openGauss5.0.2LTS版本文章目录OpenEuler22.03安装openGauss5.0.2LTS版本一、安装规划二、安装准备2.1修改主机名2.2安装依赖2.3同步时间2.4关闭防火墙2.5关闭selinux2.6关闭透明大页2.7重启机器2.8设置网卡MTU2.9设置字符
- 2024-06-06css 理解了原理，绘制三角形就简单了
1.border-位置注意：border-bottom/up/right/left主要是以三角形的结构搭建而成，而border也是如此。而且从边框的外围开始计算像素尺寸。在理解了这一点之后，绘制三角形就简单多了。1.transparent注意：该属性主要是颜色透明。<template> <mainstyle="width:500px;border:
- 2024-06-01css34 CSS Opacity / Transparency
https://www.w3schools.com/css/css_image_transparency.asp CSSOpacity/Transparency Theopacitypropertyspecifiestheopacity/transparencyofanelement.TransparentImageTheopacitypropertycantakeavaluefrom0.0-1.0.Thelowerthevalue,
- 2024-05-08网页布局-------三角制作
使用border设置三角形，通过transparent隐藏多余的内容<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><
- 2024-05-06【动画进阶】巧用 CSS/SVG 实现复杂线条光效动画
最近，群里在讨论一个很有意思的线条动画效果，效果大致如下：简单而言，就是线条沿着不规则路径的行进动画，其中的线条动画可以理解为是特殊的光效。本文，我们将一起探索，看看在不使用JavaScript/Canvas的基础上，使用纯CSS/SVG的方式，我们可以如何大致的还原上述的线条动画效果。基于
- 2024-04-08css 实现排行榜向上滚动
使用动画实现无线向上滚动复制一层dom，使用动画向上滚动，鼠标hover的时候暂停动画<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0">
- 2024-04-07HTML小白学习之提示工具
我们来制作一个简单提示工具一、我们先做body部分：<div class="tooltip">你好 <span class="tooltiptext">我是小x</span> </div>现在我们做的是style部分①先给tooltip定义，这里只定义位置和展现方式。 .tooltip { position:re
- 2024-04-04AHK v2实例:任意置顶窗口透明
我使用WinSetTransColor而不是WinSetTransparent,这样透明更柔和^\::{active:=WinGetTitle("A")Transparent:=WinGetTransparent("A")If(Transparent=""){WinSetTransColor"800050240",active}ElseIf(
- 2024-03-13aardio 背景透明的3种方式（透明窗体1 webview2，透明窗体2-win-region-bitmap，透明窗体3-winform-transparent-color）
3种透明模式我给起个名字，也好记忆。透明模式1：浏览器模式透明模式2：位图遮罩模式透明模式3：背景透明模式aardio背景透明的3种方式（透明窗体1webview2，透明窗体2-win-region-bitmap，透明窗体3-winform-transparent-color）3种透明窗体，主要分成是否可以穿透，遮罩组件，全部显示。透明
- 2023-12-22CSS设置一个梯形
1、图形2、代码<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><style> .d{ width:0px; height:100px; border-left:25pxsolid; border-top:25pxsolidtransparent; border-bottom:2
- 2023-12-14vue升序降序按钮功能实现
需求：默认升序，悬浮按钮变色，点击按钮下标跟随变化。html<divclass="right"@click="change(item,index)"v-for="(item,index)inbtnList":key="index">{{item.lable}}<divclass="
- 2023-12-01Transparent Hugepage Support （翻译 by chatgpt）
原文：https://www.kernel.org/doc/html/latest/admin-guide/mm/transhuge.htmlObjective目标Performancecriticalcomputingapplicationsdealingwithlargememoryworkingsetsarealreadyrunningontopoflibhugetlbfsandinturnhugetlbfs.TransparentHugePage
- 2023-11-30CSS-transparent--透明属性 用transparent写一个三角形
csstransparent是一种全透明属性。当用在一个元素覆盖另一个元素时，想显示下面的元素，就用到了transparent属性。代码：div{width:0;height:0;/*边框底部*/border-bottom:100pxsolidblack;/*边框左部*/border-left:50pxsolidtranspare
- 2023-11-30HTML，实现一个三角形
▲三角形的实现html很简单就是设置一个盒子然后重要部分是css主要部分那红是备注<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0">
- 2023-11-15Linux操作系统优化 I/O调度，透明大页，swap，NUMA
I/O调度的4种算法对于固态硬盘来说使用NOOP是最好的，DeadLine次之，而CFQ效率最低。CFQ(完全公平排队I/O调度程序)特点:在最新的内核版本和发行版中,都选择CFQ做为默认的I/O调度器,对于通用的服务器也是最好的选择.CFQ试图均匀地分布对I/O带宽的访问,避免进程被饿死并实现较低的延迟,
- 2023-11-10CSS：箭头
一、箭头产生的原理1、设置一个div，然后给他设置样式：边框100px，上右下左颜色分别为绿、蓝、橘、红。然后设置div的高度和长度均为100px<template><divclass="about"><divid="demo12"></div></div></template><script>exportdefault{name:
- 2023-10-10【动画进阶】神奇的背景，生化危机4日食 Loading 动画还原
最近，在Steam玩一款老游戏（生化危机4重置版），其中，每当游戏转场的过程中，都有这么一个有趣的Loading动画：整个效果有点类似于日食效果，中间一圈黑色，向外散发着太阳般的光芒。本文，我们将尝试使用CSS，还原这个效果。整个效果做出来，类似于如下两个动画效果这样：实现主体效果其实
- 2023-10-07css虚线
代码：1<!DOCTYPEhtml>2<htmllang="en">34<head>5<metacharset="UTF-8">6<metahttp-equiv="X-UA-Compatible"content="IE=edge">7<metaname="viewport"conte
- 2023-09-25VLAN 2
VLAN2Native背景一般来说不配置NativeVLAN的情况下，SWA收到PCA不打Tag的数据发现接收口端口绑定的是VLAN10，因为SWA右边接口是Trunk接口，所以会打Tag标记继续转发，而SWB收到SWA的数据后看到数据包里面是VLAN10，会查看自己的配置查看映射关系，如果有对应的端口SWB会将数据发送
- 2023-09-15less-匹配模式
//匹配模式有点像函数重载.arrow{width:0;height:0;overflow:hidden;border-width:10px;border-color:transparenttransparentlimegreentransparent;border-style:dasheddashedsoliddashed;}.triangle(top,@b-width:5px,@b-color:red){bo
- 2023-09-14分享一个自定义颜色的侧边栏CSS
很简单！将以下代码放入站点的css即可生效，css中的颜色可自定义修改RGB/HEX的颜色值~/**彩色滚动条样式开始*/::-webkit-scrollbar{width:10px;height:1px;}::-webkit-scrollbar-thumb{background-color:#a0c595;background-image:-webkit-linear-gradient(45
- 2023-09-14html css dotted border 边框虚线太密
三角形/**正三角*/.triangle{width:0;height:0;border-style:solid;border-width:025px40px25px;border-color:transparenttransparentrgb(245,129,127)transparent;}/**倒三角*/.triangle{width:0;height:0;border-style:solid;bor
- 2023-09-09Progress 圆形进度条 实现
效果图实现过程分析简要说明本文主要以TypeScript+React为例进行讲解，demo中使用到了sass,但用法相对简单,不影响理解HTMLDOM元素说明<divclassName="g-progress-wrap"><divclassName="g-progress"></div><divclassName="g-circle">