首页 > 其他分享 >css实现马赛克画板

css实现马赛克画板

时间:2022-09-22 18:00:03浏览次数:71  
标签:background 45deg 画板 25% 马赛克 rgba transparent css linear

background: linear-gradient(45deg,rgba(0,0,0,.2) 25%,transparent 0,transparent 75%,rgba(0,0,0,.2) 0),
            linear-gradient(45deg,rgba(0,0,0,.2) 25%,transparent 0,transparent 75%,rgba(0,0,0,.2) 0);
            background-size: 30px 30px;
            background-position: 0 0,15px 15px;

image

标签:background,45deg,画板,25%,马赛克,rgba,transparent,css,linear
From: https://www.cnblogs.com/zhaojiancheng/p/16720241.html

相关文章

  • 我的Vue之旅、04 CSS媒体查询完全指南(Media Quires)
    什么是SCSSSass:SassBasics(sass-lang.com)SCSS是CSS的预处理器,它比常规CSS更强大。可以嵌套选择器,更好维护、管理代码。可以将各种值存储到变量中,方便复用。......
  • 自适应插件postcss-px-to-viewport
    module.exports={plugins:{autoprefixer:{},//用来给不同的浏览器自动添加相应前缀,如-webkit-,-moz-等等"postcss-px-to-viewport":{unitToConvert:"px",//要......
  • 纯css+html实现伸缩式动态搜索框
    <divclass="search-box"> <aclass="search-btn">  <iclass="fafa-search"aria-hidden="true"></i> </a> <inputtype="text"class="search-txt"plac......
  • CSS3渐变
    简介CSS3渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前,你必须使用图像来实现这些效果。但是,通过使用CSS3渐变(gradients),你可以减少下载的时间......
  • CSS 中的选择器类型
    CSS中的选择器类型CSSPhotoby潘卡伊·帕特尔on不飞溅在CSS中,选择器起着至关重要的作用。在这里,您可以根据示例查看选择器的类型。在此之前,了解特异性很重要,......
  • CSS带小三角形的div框
    效果图:<spanclass="hint_prompt">超时20天</span>.hint_prompt{border:1pxsolid#fff1f0;border-radius:4px;margin:50px;text-align:center;bor......
  • CSS3动画
    简介CSSanimations使得可以将从一个CSS样式配置转换到另一个CSS样式配置。动画包括两个部分:描述动画的样式规则和用于指定动画开始、结束以及中间点样式的关键帧。......
  • css 列表样式,<a> 连接文字超长省略
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content......
  • 仅使用 CSS 和 HTML 制作动画加载屏幕
    仅使用CSS和HTML制作动画加载屏幕关于如何仅使用CSS和HTML开发动画加载屏幕的教程编写一个简单的加载屏幕很容易。但是编写一个可以移动的动画加载屏幕确实具有......
  • CSS:浏览器的内核及了解,有哪些常见的浏览器内核?(面试题)
    浏览器的内核及了解?有哪些常见的浏览器内核?     浏览器要渲染出网页给用户看必须加载htm编码和js脚本渲染引擎渲染页面的UI和jd执行引擎操作内存,就是浏览器的内......