有趣的CSS3背景 斜条纹
2024-09-02 05:28:28
今天逛的时候发现了一个有趣的css3实现的背景效果,代码实现
.noaccess {
position: absolute;
width: 300px;
height: 100px;
z-index:;
background-color: #999;
opacity: .5;
top:;
bottom:;
display: block;
background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.2)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.2)),color-stop(0.75,rgba(255,255,255,.2)),color-stop(0.75,transparent),to(transparent));
/* background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent); */
background-image: -moz-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);
/* background-image: linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent); */
-webkit-background-size: 32px 32px;
-moz-background-size: 32px 32px;
-o-background-size: 32px 32px;
background-size: 32px 32px;
}
最新文章
- $是对string.Format的简化
- Android只能动态注册的广播Action
- python入门一
- android ListView 九大重要属性详细分析、
- AngularJs自定义指令详解(7) - multiElement
- colpick-jQuery颜色选择器使用说明
- IOSGCD
- 将B表的字段内容插入到A表字段中
- mysql root用户kill connection报ERROR 1095 (HY000): You are not owner of thread N
- Microsoft Office Access 不能在追加查询中追加所有记录
- __call方法简介
- Ubuntu15.04 网站服务器环境搭建,php/html/css等学习环境搭建教程
- always中的敏感变量
- linux 命令之文件读取,head, tail, tailf, sed
- web服务器初识
- shell 日前 之check 年月日
- Objective-C Collection was mutated while being enumerated crash
- Linux和windows之间使用scp无密码传输文件,脚本自动化
- MySQL 安装与使用(一)
- 【elasticsearceh】elasticsearch.yml配置文件详解