中文字幕index10html,index10.html

Document

html,body{

margin: 0;

padding: 0;

}

table{

border-spacing:0px;

/* border-collapse: collapse; */

caption-side: bottom;

}

p{

/* color: red; */

/* opacity: 0.5;

width: 400px;

white-space: nowrap; *//* 不换行 */

/* text-overflow: clip;

overflow: hidden;

font-size: 100px;

-webkit-text-stroke:3px red; */

font-size: 150px;

font-family: 黑体;

/* background-image: linear-gradient(blue , red);

background-image: linear-gradient(to top,blue , red);

background-image: linear-gradient(45deg,blue , red);

background-image: linear-gradient(-45deg,blue , red);

background-image: linear-gradient(-45deg,orange 0%, green 20%, blue 40%, red 100%);

*/

background-color: red;

background-image: linear-gradient(to top right, rgba(0,0,0,1),rgba(0,0,0,0))

/* background:

-webkit-linear-gradient(top,#eee,#aaa 50%,#333 51%,#000);

-webkit-background-clip:text;

-webkit-text-fill-color: transparent; */

}

div{

width: 800px;

height: 400px;

/* background-color: #eee; */

/* box-shadow: 10px 20px 10px 10px gray inset;

border: 20px solid #000;

border-radius: 15px;

outline: 10px double red;

cursor: pointer;*/

/* font-size: 200px;

color: rgb(247, 181, 60);

background-color: red;

background-image: radial-gradient(circle at left bottom, blue,red);

background-image: radial-gradient(circle closest-side, blue,red);

*//* text-shadow: -1px 1px 1px white,

-3px 1px 1px rgb(231, 173, 56),

-5px 1px 1px rgb(224, 159, 53),

-7px 1px 1px rgb(221, 163, 54),

-9px 1px 1px rgb(215, 155, 53),

-11px 1px 1px rgb(211, 167, 55),

-13px 1px 1px rgb(221, 163, 54),

-15px 1px 1px rgb(219, 161, 54),

-17px 1px 1px rgb(212, 157, 54),

-19px 1px 1px rgb(207, 152, 50),

-21px 1px 1px rgb(197, 145, 48),

-23px 1px 1px rgb(202, 149, 49),

-25px 1px 1px rgb(196, 142, 42); */

}

#bb{

width: 400px;

height: 400px;

background-color: #eee;

border-image-source: url(./img/border.png);

border-image-width: 81px;

border-width: 20px;

border-image-width: 27px;

border-image-slice: 27;

border-image-repeat: repeat;

border-image-repeat: round;

border-image-repeat: space;

-webkit-border-image: url(./imgborder.png) 27/27px round;

border-image: url(border.png) 27/27px round;

/* transform: translate(20px,20px);

transform: scale(0.5);

transform: scaleX(0.5);

transform: scaleY(0.5);

transform: skew(30deg,10deg); */

/* transform: rotate(30deg); */

transform-origin: left top;

transform: translate3d(20px,20px,80px);

transform-style:preserve-3d;

perspective:100px;

}

#cc{

width: 300px;

height: 250px;

background-color: red;

}

#a {

perspective: 1000px;

transform-style: preserve-3d;

}

img {

/* //z 轴可以是负值 */

transform: translate3d(300px,100px,840px);

}

234234sdfsdfssdfsdfsdfsdfsdfsdfsfd

sdfsdfsdf

一键复制

编辑

Web IDE

原始数据

按行查看

历史