制作锁子甲背景主题

2024-01-01

我想制作一个像这样的锁子甲:

我尝试过使用线性渐变,但似乎不起作用

    background: linear-gradient(#0c0c0c, #222222)!important

我希望输出与 imgur 中显示的图像类似。线性渐变有用吗?


你可以这样做radial-gradient

我使用了不同的颜色,这样我们可以更好地看到结果:

body {
  margin:0;
  height:100vh;
  background:
    radial-gradient(50% 100%,#000 35%,transparent 50%) 0   0  /10px 10px,
    radial-gradient(50% 100%,#000 35%,transparent 50%) 5px 5px/10px 10px,
    yellow;
}

您可以轻松调整不同的值来控制大小:

body {
  margin:0;
  height:100vh;
  background:
    radial-gradient(50% 100%,#000 25%,transparent 50%) 0   0  /8px 8px,
    radial-gradient(50% 100%,#000 25%,transparent 50%) 4px 4px/8px 8px,
    yellow;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

制作锁子甲背景主题 的相关文章

  • CSS 粘性页脚实现之间的区别?

    我发现了 CSS 粘性页脚的 2 种不同实现 Ryan Fait 粘页脚 http ryanfait com sticky footer http ryanfait com sticky footer 史蒂夫 哈彻粘页脚 http www
  • 如何将文本环绕在非矩形图像周围?

    是否可以将文本环绕在非矩形图像周围 我希望不同国家的地图周围的文本环绕该国家 地区的形状 即使边界本身不是直的 文本也始终与该国家 地区的边界保持相同的距离 这可能吗 您可以使用这个方法 http torylawson com index
  • 更改 Angular 对话框的背景颜色

    我正在尝试更改对话框背景 无需触摸style css file 正如其他一些答案所说 有很多方法可以设置对话框样式 1 此解决方案适用于宽度和高度 但透明背景被 忽略 this dialog open DialogComponent dis
  • 裁剪响应式全宽图像

    我必须剪辑跨越整个宽度的图像 以下事情对我不起作用 剪辑 这需要绝对位置 因此块元素不会堆叠在下面 背景位置 缩放时无法正确剪辑 放大时剪辑的部分会增加 反之亦然 包装器 包装器高度取决于浏览器宽度 因此其值应该是动态的 我使用了 seti
  • 如何在绝对定位的 div 内用 CSS 创建粘性页脚?

    我想创建一个粘性页脚inside绝对定位的 div 元素 我的方法是将页脚 div 也绝对定位 在另一个相对定位的 页面 div 内 其中包含页面的实际内容 div class content div class page Some Lor
  • 如何在 CSS 中选择纯 HTML 文本?

    你们有人知道如何在 CSS 中选择纯 HTML 文本吗 我有以下结构 div p class caption caption1 p div class tabs div class moving bg div p class text ta
  • Rails 上的 SASS 无效 CSS 错误

    我正在尝试使用http startbootstrap com stylish portfolio http startbootstrap com stylish portfolio但是 在我的 Rails 应用程序中 我在 vintage
  • HTML CSS 循环协助

    希望你能帮忙 我想知道您是否可以在循环中创建以下类型 你知道这是否可能吗 body background 000 DEMO SPECIFIC STYLES typewriter h1 color fff font family Bebas
  • 如何让 ExtJS ComboBox 与文本一起显示?

    我想让以下内容显示在一行中 我尝试过使用样式浮动和显示 Show this input
  • 标题后的三角形与标题背景渐变相匹配

    我必须制作这样的标题 我用这个渐变制作标题没有问题 我也知道如何定位三角形 after 但是 如何使三角形颜色与标题背景相匹配 问题是梯度不是静态的 例如 如果我在智能手机中打开页面 由于屏幕较短 渐变将比在显示器中打开更 紧凑 所以箭头颜
  • Firefox -moz-border-radius 不会裁剪图像?

    如果设置了图像的边框半径 有谁知道如何让 Firefox 裁剪角 它包含的元素可以正常工作 但我会发现丑陋的角落伸出来 有什么方法可以解决此问题 而无需将图像设置为背景图像或在将其放在网站上之前对其进行处理吗 解决方法 将图像设置为容器元素
  • JQuery 设置动态最大宽度

    我不太擅长 jQuery 因此完整的代码解决方案将是理想的选择 该函数将 获取浏览器屏幕的 70 宽度 将该宽度转换为其相应的 px 值 设置最大宽度 mainContainer使用从转换 计算中获得的值 这是我要设置的容器的 CSS 样式
  • 单击后按键不会删除过渡

    我认为问题可能出在const 音频 document querySelector audio data key e keyCode const key document querySelector key data key e keyCod
  • 如何使用CSS缩进多级select optgroup?

    只是试图通过嵌套深度缩进 optgroup 块 我尝试了一般margin left规则 嵌套元素然后尝试应用相同的规则 尝试过padding left 这样的缩进可能吗 看起来很简单 P 在下面的示例中 标记为 client2 a 的 op
  • 重新加载页面时删除哈希值?

    我使用哈希来切换我的图像滑块 当我重新加载页面并且哈希值设置为 e h 3 没有图片 当图库在几秒钟后自动滑动时 它显示下一个 所以几秒钟内什么也没有 有没有办法在加载页面时检查哈希并将其删除 我只想关心那些用散列为页面添加书签的人 问候
  • Bootstrap 响应式表格在 iOS 设备上无法垂直滚动

    这就是我所拥有的 div class table responsive table class table style background transparent table div 我正在使用以下 bootstrap css 文件 ht
  • Bootstrap 4 Beta 0 网格系统上的 Rowspan

    您好 我正在开发一个使用 Bootstrap 4 Beta 的电子商务模板 我让它在移动设备上工作 但在桌面设备上我不知道如何让购买按钮保持在标题下 在我的方法中 它出现在 图库 部分下 Desired Desktop Desired Mo
  • Bootstrap 4 移动导航栏消失

    我刚刚从 Bootstrap 3 转换为 Bootstrap 4 但我的移动导航栏出现问题 使用切换按钮展开导航栏时 导航消失 我不明白为什么会发生这种情况 导航栏下方有一个大屏幕 但整个移动导航向上移动 如下面的 gif 所示 以下是导航
  • Svelte 条件元素类报告为语法错误

    我正在做一个if块每if 块的精简指南 https svelte technology guide if blocks 这看起来很简单 但 Svelte 认为这是一个语法错误 svelte plugin ParseError Unexpec
  • Flexbox 项目的完美圆形边框半径[重复]

    这个问题在这里已经有答案了 我有类似这样的项目 它们是弹性盒容器内的弹性项目 我的正常尺寸物品 我的物品被挤压 我的 CSS 看起来像这样 body display flex flex direction column align item

随机推荐

  • android:使用单个媒体播放器对象播放音频文件并显示图像

    我需要依次显示图像并播放相应的音频文件 我尝试创建多个媒体播放器对象 但它显示error 1 17 所以请帮助大家 我的时间不多了 现在我有一个处理程序 它播放音频文件 然后在播放另一个音频文件时获取该音频文件的持续时间 这是我的方法 但我
  • D3.js 中的树形图 x 和 y 属性从何而来?

    这是 JavaScript 代码 d3 json city json function error root var nodes cluster nodes root var links cluster links nodes consol
  • UITableView 单元格上的 Peek 和 Pop 因 UISearchController 而失败

    Peek and Pop 正在与UISearchController 但是 一旦您开始使用以下命令搜索表 Peek 和 Pop 就会停止工作updateSearchResults I ve extended Apple s Table Se
  • 从“local hackage”安装软件包(通过 cabal)

    是否有可能让阴谋集团 下载特定的包源 包括所有依赖包源 在稍后阶段 当不再依赖互联网连接时 通过 cabal 从本地下载的文件中自动按正确的顺序安装这些软件包 以便构建所需的软件包 我知道你可以使用cabal unpack查看特定包的源代码
  • IBM Worklight 6.1 开发者版下载链接

    我正在尝试从市场或谷歌下载 IBM Worklight 6 1 但我看不到任何相同的结果 任何人都可以分享 IBM WL 6 1 的链接以及如何将修复包升级到 6 1 0 1 我也在寻找开发者版本 由于 6 2 已发布 我只能看到 6 2
  • Altair 结合多个数据集

    我最近才知道Vega Vega Lite and Altair并将其视为最佳 Python 绘图工具的真正竞争者 我目前正在努力解决的问题是将两个数据帧中的信息绘制到共享一个或两个轴的同一个图表中 我尝试过类似的事情 plot1 alt C
  • 如何使用正则表达式匹配不在两个特殊字符之间的内容?

    我有一个像这样的字符串 a b c a b a b b a a 我如何匹配每一个a不是由以下分隔的字符串的一部分 我想匹配这里粗体的所有内容 a bc a乙 乙 乙a a 我想替换这些匹配项 或者通过用空字符串替换它们来删除它们 因此删除匹
  • 如何在 Spring-Web 中使用 RestTemplate 解析 gzip 编码响应

    我修改后使用 RESTful Web 服务 https spring io guides gs consuming rest 调用示例通过id获取用户 https api stackexchange com docs users by id
  • 如何使用 cv2.createButton 在 OpenCV 3.1 中制作按钮?

    我正在尝试向图像处理脚本添加一个按钮 以保存二进制阈值的高 HSV 值和低 HSV 值 根据OpenCV 3 0文档here http docs opencv org 3 0 beta modules highgui doc qt new
  • 如何将 jquery.Validate 与 jquery.multiselect 下拉菜单一起使用?

    所以情况是这样的 尝试使用添加下拉框jquery multiselect http www erichynds com jquery jquery ui multiselect widget 当前使用的表单上的插件jquery 验证 htt
  • 按需发布时的最佳(您认为)GIT 工作流程(在大多数情况下一次 1-2 个票证)

    我是一个 Git 新手 我正在寻求你的建议 在我工作的公司中 我们有一个 工作流程 其中我们的项目有一个 Git 存储库 有 2 个分支 master and prod 所有开发人员都致力于master分支 如果票证完成 从开发人员的角度来
  • Python Tkinter 输入小部件不接受输入

    我在 Tkinter 条目小部件方面遇到了一个非常奇怪的问题 当我尝试向其中输入内容时 他们不接受我的输入 在重新启动电脑并重新安装 Python 之后 我弄清楚了为什么会发生这种情况 在root mainloop 在代码中 代码看起来像这
  • 拆分 SAS 数据集

    我有一个 SAS 数据集 如下所示 id dept 1 A 2 A 3 A 4 A 5 A 6 A 7 A 8 A 9 B 10 B 11 B 12 B 13 B 每个观察代表一个人 我想将数据集分成 团队 数据集 每个数据集最多可以有 3
  • 为什么我不能从 long 中导出?

    我的函数返回一些长值 其中包含低 32 位和高 32 位中的两个值 我认为处理返回值的最佳方法 是从 long 派生我的自定义类型并提供 类型扩展器 例如 GetLowerValue GetHigherValue 问题是 NET 不允许从
  • XGBOOST:sample_Weights 与scale_pos_weight

    我有一个高度不平衡的数据集 想知道在哪里考虑权重 因此我试图理解之间的区别scale pos weight论证中XGBClassifier和sample weight的参数fit方法 如果可以同时使用这两种方法或者如何选择其中一种方法 我们
  • 增加ggplot2中axis.title和axis.text之间的间距(版本> = 0.9.0)

    我目前正在使用 github 上的最新版本的 ggplot2 在 0 8 9 版本中 我可以执行以下操作来增加 axis title 和 axis text 之间的空间 Before ggplot diamonds aes clarity
  • 如何在使用 asm 库进行检测的方法中查找空的局部变量

    在为其不同方法检测类时为了使方法在文本文件中执行写入操作 我首先将字符串存储在显式定义的局部变量 3160 中 如何选择这些变量以防止与已有变量发生冲突 就像这段代码一样 代码每次进入任何方法时都会将类名写入文本文件 为了做到这一点 必须使
  • 如何将 tfjs-node 与从源代码构建的 libtensorflow 结合使用

    我看到可以使用libtensorflow如自述文件中所述 是从源代码构建的https github com tensorflow tfjs node optional build libtensorflow from tensorflow
  • C/C++ 中负数返回 false 吗?

    在 C C 中将整数评估为布尔值时 负数是真还是假 无论编译器如何 它们总是正确 错误吗 所有非零值将被转换为true 和零值false 当负数非零时 它们会被转换为true 引用 C 11 标准 强调我的 4 12 布尔转换 conv b
  • 制作锁子甲背景主题

    我想制作一个像这样的锁子甲 我尝试过使用线性渐变 但似乎不起作用 background linear gradient 0c0c0c 222222 important 我希望输出与 imgur 中显示的图像类似 线性渐变有用吗 你可以这样做