加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index14.html 5.48 KB
一键复制 编辑 原始数据 按行查看 历史
Lfj 提交于 2020-03-21 09:27 . 22章css3渐变效果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* p{
color: red;
} */
/* p{
color: red;
opacity: 0.5;
} */
/* div{
width: 200px;
height: 200px;
border: 10px solid silver;
box-shadow: 5px 4px 10px 2px gray inset;
} */
/* div{
width: 200px;
height: 200px;
border: 10px solid silver;
outline: 10px double red;
cursor:move
} */
/* div{
border-radius: 50px;
} */
/* div{
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius: 50px;
} */
/* div{
border-radius: 50px;
-webkit-border-radius:100px;
} */
/* html{
font-size: 62.5%;
}
h1{
font-size: 3em;
}
p{
font-size: 1.4em;
} */
/* code{
font-size: 1.1rem;
} */
/* text{
text-shadow:1px 1px 1px red;
} */
/* text{
text-shadow: -1px -1px 1px red;
} */
/* text{
text-shadow:
0px 0px 0 rgb(18,178,188),
1px 0px 0 rgb(173,163,173),
2px 0px 0 rgb(157,147,157),
3px 0px 0 rgb(142,132,142),
4px 0px 0 rgb(126,116,126),
5px 0px 0 rgb(111,101,111),
6px 0px 0 rgb(95,85,95),
7px 0px 0 rgb(79,69,79),
8px 0px 7px rgba(0,0,0,0.35),
8px 0px 1px rgba(0,0,0,0.5),
0px 0px 7px rgba(0,0,0,0.2);
xt-shadow:0px 0px 0 rgb(18
} */
/* p{
width: 160px;
white-space: nowrap;
background: silver;
text-overflow: ellipsis;
overflow: hidden;
} */
/* p{
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
} */
/* p{
font-size: 50px;
-webkit-text-stroke: 1px red;
} */
/* p{
font-size: 50px;
-webkit-text-stroke: 1px red;
-webkit-text-stroke-color: orange;
-webkit-text-stroke-width: 2px;
} */
/* p{
font-size: 150px;
-webkit-text-fill-color: red;
} */
/* p{
font-size: 150px;
font-family: 黑体;
background:
-webkit-linear-gradient(top,#eee,#aaa 50%,#333 51%,#000);
-webkit-background-clip:text;
-webkit-text-fill-color: transparent
} */
/* p{
background-image: linear-gradient(orange,green);
} */
/* p{
background-image: linear-gradient(to top,orange,green);
} */
/* p{
background-image: linear-gradient(
45deg,orange,green,blue,red
);
} */
/* p{
background-image: linear-gradient(
-45deg, orange 0%, green 20%, blue 40%, red 100
);
} */
/* p{
background-color: red;
background-image: linear-gradient(
to top right, rgba(0,0,0,0.6),rgba(0,0,0,0)
);
} */
/* p{
background-image: repeating-linear-gradient(
to top,orange 10px,green 30px
);
} */
/* p{
background-image: -webkit-linear-gradient(to top, orange, green);
background-image: -moz-linear-gradient(to top, orange, green);
background-image: -o-linear-gradient(to top, orange, green);
background-image: linear-gradient(to top, orange, green);
} */
/* p{
background-image: radial-gradient(orange,green);
} */
/* p{
background-image: radial-gradient(circle,orange,green);
} */
/* p{
background-image: radial-gradient(
circle at top,orange,green
);
} */
/* p{
background-image: radial-gradient(
circle at right bottom,orange,green
);
} */
/* p{
background-image: radial-gradient(
circle closest-side, orange, green);
} */
/* p{
background-image: radial-gradient(
circle 50px, orange, green)
} */
/* p{
background-image: repeating-radial-gradient(
circle 50px, orange, green);
} */
/* p{
background-image: -webkit-radial-gradient(circle, orange, green);
background-image: -moz-radial-gradient(circle, orange, green);
background-image: -o-radial-gradient(circle, orange, green);
background-image: radial-gradient(circle, orange, green);
} */
p{
background-image: -webkit-repeating-radial-gradient ;
background-image: -moz-repeating-radial-gradient ;
background-image: -o-repeating-radial-gradient ;
background-image: repeating-radial-gradient;
}
</style>
</head>
<body>
<p>lashfnasjfsajk</p>
<div>sakjfhnasfklag</div>
<h1>标题 <em>小标题</em></h1>
<p>我是一个段落,我是一段 <code>代码</code></p>
<text>sfasfasgasdfasklngasdjkg</text>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化