master

分支 (1)

管理

管理

master

html62
/
index15.html

<!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{
            width: 400px;
            height: 400px;
            background: silver;
            border-image-source: url(include/1.jpg);
            border-image-width: 81px;
            border-width: 20px;
            border-image-width: 27px;
            border-image-slice: 27;
            border-image-slice: 81;
            border-image-slice: 0 fill;
            border-image-slice: 33.5%;
            border-image-slice: 27 0;
            border-image-outset: 20px;
            border-image-repeat: stretch;
            border-image-repeat: repeat;
            border-image-repeat: round;
            border-image-repeat: space;
        }
        div{
            width: 400px;
            height: 40px;
            border-image-source: url(include/1.jpg);
            border-image-width: 10px;
            border-image-slice: 10 fill;
            border-image-repeat: stretch;
        } */
        /* div{
            border-image: url(include/1.jpg) 27/27px round;
            -webkit-border-image: url(include/1.jpg) 27/27px round;
            -moz-border-image: url(include/1.jpg) 27/27px round;
            -o-border-image: url(include/1.jpg) 27/27px round;
            border-image: url(include/1.jpg) 27/27px round;
        } */
        /* div{
            width: 300px;
            height: 300px;
            background-color: silver; */
            /* transform: translate(200px,200px); */
            /* transform: translate(200px,0);
            transform: translate(200px); */
            /* transform: translate(0,200px);
            transform: translateY(200px); */
            /* transform: scale(1.5);
            transform: scale(1.5,1.5); */
            /* transform: scale(0.8,0.8); */
            /* transform: scale(1.5); */
            /* transform: scaleY(1.5); */
            /* transform: scaleX(1.5); */
            /* transform: rotate(-45deg); */
            /* transform: skew(45deg,20deg); */
            /* transform: skewX(45deg); */
            /* transform: skewY(45deg); */
            /* transform: matrix(1,0,0,1,30,30); */
            /* transform: rotate(-45deg) scale(1.5); */
            /* transform-origin: center center;
            transform-origin: 50% 50%; */
            /* transform-origin: left top;
            transform-origin: 0px 0px; */
            /* -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transform-origin: left top;
            -moz-transform-origin: left top;
            -o-transform-origin: left top;
            -ms-transform-origin: left top;
            transform-origin: left top; */
            /* -webkit-transform: translateZ(200px);
            -moz-transform: translateZ(200px);
            -o-transform: translateZ(200px);
            -ms-transform: translateZ(200px);
            transform: translateZ(200px); */
            /* transform-style: preserve-3d;
            perspective: 1000px;
        } */
        #a{
            perspective: 1000px;
            transform-style: preserve-3d;
        }
        /* img{
            transform: translate3d(300px,100px,240px);
        } */
        img{
            /* transform: scale3d(1,1,1.5) rotateX(45deg); */
            /* transform: scaleZ(1.5) rotateX(45deg); */
            /* transform: rotate3d(1,0,0,45deg); */
            /* transform: rotateX(45deg);
            transform: rotateY(45deg);
            transform: rotateZ(45deg);
            transform: rotateX(45deg) rotateY(45deg) rotateZ(45deg); */
            /* perspective-origin: top right; */
            transform: perspective(1000px) rotateY(45deg);
        }
    </style>
</head>
<body>
    <div>jskafbhsfaslkf</div>
    <p>asklhfnkakjsbasvg</p>
    <p>KDLhvjndjagvbadv</p>
    <p>safasvsdvsdgsd</p>
    <p>sdgsdgbsdbsdb</p>
    <div id="a">
        <img src="include/1.jpg" alt="">
    </div>
</body>
</html>