blocks|key|203208|text|您尝试使用:before是非常接近的，唯一需要更改的就是使用skew而不是边框：http://jsfiddle.net/Hfkk7/1101/|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|203209|编辑:你的边框方法也会起作用，你唯一做错的事情就是在你的div上放了之前的元素，所以透明的边框没有显示出来。如果您将伪元素放在div的左侧，那么一切都会正常工作：http://jsfiddle.net/Hfkk7/1102/|203210|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/Hfkk7/1101/|1|http://jsfiddle.net/Hfkk7/1102/^0|5|7|14|V|0|0|29|V|1|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@$9|U|A|V|1|W]]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@$9|Y|A|Z|1|10]]|E|$]]|$1|H|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]|P|$5|K|L|M|E|$N|Q]]]]

<p>You try with the <code>:before</code> was pretty close, the only thing you had to change was actually using skew instead of the borders: <a href="http://jsfiddle.net/Hfkk7/1101/" rel="noreferrer">http://jsfiddle.net/Hfkk7/1101/</a></p>

<p>Edit: Your border approach would work too, the only thing you did wrong was having the before element on top of your div, so the transparent border wasnt showing. If you would have position the pseudo element to the left of your div, everything would have worked too: <a href="http://jsfiddle.net/Hfkk7/1102/" rel="noreferrer">http://jsfiddle.net/Hfkk7/1102/</a></p>


blocks|key|4709107|text|你可以使用变换和变换原点来实现这一点。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4709108|结合不同的转换可以得到类似的结果。我希望它能对你有所帮助。:)有关更简单的转换，请参阅这些示例。这一点很重要：|4709109|​|4709110|div+{++++
++++width:+300px;
++++height:200px;
++++background-image:+url('data:image/gif;base64,R0lGODdhLAHIANUAAKqqqgAAAO7u7uXl5bKysru7u93d3czMzMPDw9TU1BUVFdDQ0B0dHaurqywsLHJyclVVVTc3N5SUlBkZGcHBwRYWFmpqasjIyDAwMJubm39/fyoqKhcXF4qKikJCQnd3d0ZGRhoaGoWFhV1dXVlZWZ%2Bfn7m5uT8/Py4uLqWlpWFhYUlJSTMzM4%2BPj25ubkxMTBgYGBwcHG9vbwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAALAHIAAAG/kCAcEgsGo/IpHLJbDqf0Kh0Sq1ar9isdsvter/gsHhMLpvP6LR6zW673/C4fE6v2%2B/4vH7P7/v/gIGCg4SFhoeIiYqLjI2Oj5CRkpOUlZaXmJmam5ydnp%2BgoaKjpKWmp6ipqqusra6vsLGys7S1tre4ubq7vL2%2Bv8DBwsPExcbHyMnKy8zNzs/Q0dLT1NXW19jZ2tvc3d7f4OHi4%2BTl5ufo6err7O3u7/Dx8vP09fb3%2BPn6%2B/z9/v8AAwocSLCgwYMIEypcyLChw4cQI0qcSLGixYsYM2rcyLGjx48gQ4ocSbKkyZMoU6pcybKlS3gBYsZUIESDggAKLBCxiVOn/hQNG2JCKMIz55CiPlUKWLqAQQMAEjg0ENAggAYhUadWvRoFhIsFC14kzUrVKlSpZbmydPCgAAAPbQEU%2BABCCFy3c%2BtGSXCAAIEEMIbclUv3bdy8LSFEOCAkBIEhBEI0fiwkspETajWcSCIhxhDHkCWDrix5pYQJFIYEoAwgQwAhq4e4NpIAhQSoKBIkkTEUNuvZsYXMXukgQAWfryEnT16ZOZEUDiQ4SJ0EhgnVRAi8dq6dpQEBFzDoDHAbOwDyRJwPKdAhQAfWRiBAYI0ee33YLglQeM1AxBAJDAjR338BHqECCSskocEE1w0xIFYBPghVgS1lECAEIwxBQm8Y%2BWrYG1EsJGCBWkRkBV%2BHQmwIAIoAqNiSBg48VYJZCzY441U1GhFVagfYZoQDLbhFxI0A5EhkjioFFQAHHeAV1ZINUFbAk1LBZ1cLlKXgQRFKyrQelVHKBaaVJn0nwAAIDIHAAGcKKcSabR6RQJpCFKAbEWYuJQARcA7gZp9uviTooIQWauihiCaq6KKMNuroo5BGKumklFZq6aWYZqrpppx26umnoIYq6qiklmrqqaimquqqrLbq6quwxirrrLTWauutuOaq66689urrr8AGK%2BywxBZr7LHIJqvsssw26%2Byz0EYr7bTUVmvttdhmq%2B223Hbr7bfghhtPEAA7');
++++-webkit-transform:+perspective(300px)+rotateX(-30deg);
++++-o-transform:+perspective(300px)+rotateX(-30deg);
++++-moz-transform:+perspective(300px)+rotateX(-30deg);
++++-webkit-transform-origin:+100%25+50%25;
++++-moz-transform-origin:+100%25+50%25;
++++-o-transform-origin:+100%25+50%25;
++++transform-origin:+100%25+50%25;
++++margin:+10px+90px;
}|code-block|syntax|javascript|4709111|<div></div>|4709112|4709113|这有一个正确的偏斜点：|4709114|4709115|div+{++++
++++width:+300px;
++++height:200px;
++++background-image:+url('data:image/gif;base64,R0lGODdhLAHIANUAAKqqqgAAAO7u7uXl5bKysru7u93d3czMzMPDw9TU1BUVFdDQ0B0dHaurqywsLHJyclVVVTc3N5SUlBkZGcHBwRYWFmpqasjIyDAwMJubm39/fyoqKhcXF4qKikJCQnd3d0ZGRhoaGoWFhV1dXVlZWZ%2Bfn7m5uT8/Py4uLqWlpWFhYUlJSTMzM4%2BPj25ubkxMTBgYGBwcHG9vbwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAALAHIAAAG/kCAcEgsGo/IpHLJbDqf0Kh0Sq1ar9isdsvter/gsHhMLpvP6LR6zW673/C4fE6v2%2B/4vH7P7/v/gIGCg4SFhoeIiYqLjI2Oj5CRkpOUlZaXmJmam5ydnp%2BgoaKjpKWmp6ipqqusra6vsLGys7S1tre4ubq7vL2%2Bv8DBwsPExcbHyMnKy8zNzs/Q0dLT1NXW19jZ2tvc3d7f4OHi4%2BTl5ufo6err7O3u7/Dx8vP09fb3%2BPn6%2B/z9/v8AAwocSLCgwYMIEypcyLChw4cQI0qcSLGixYsYM2rcyLGjx48gQ4ocSbKkyZMoU6pcybKlS3gBYsZUIESDggAKLBCxiVOn/hQNG2JCKMIz55CiPlUKWLqAQQMAEjg0ENAggAYhUadWvRoFhIsFC14kzUrVKlSpZbmydPCgAAAPbQEU%2BABCCFy3c%2BtGSXCAAIEEMIbclUv3bdy8LSFEOCAkBIEhBEI0fiwkspETajWcSCIhxhDHkCWDrix5pYQJFIYEoAwgQwAhq4e4NpIAhQSoKBIkkTEUNuvZsYXMXukgQAWfryEnT16ZOZEUDiQ4SJ0EhgnVRAi8dq6dpQEBFzDoDHAbOwDyRJwPKdAhQAfWRiBAYI0ee33YLglQeM1AxBAJDAjR338BHqECCSskocEE1w0xIFYBPghVgS1lECAEIwxBQm8Y%2BWrYG1EsJGCBWkRkBV%2BHQmwIAIoAqNiSBg48VYJZCzY441U1GhFVagfYZoQDLbhFxI0A5EhkjioFFQAHHeAV1ZINUFbAk1LBZ1cLlKXgQRFKyrQelVHKBaaVJn0nwAAIDIHAAGcKKcSabR6RQJpCFKAbEWYuJQARcA7gZp9uviTooIQWauihiCaq6KKMNuroo5BGKumklFZq6aWYZqrpppx26umnoIYq6qiklmrqqaimquqqrLbq6quwxirrrLTWauutuOaq66689urrr8AGK%2BywxBZr7LHIJqvsssw26%2Byz0EYr7bTUVmvttdhmq%2B223Hbr7bfghhtPEAA7');
++++-webkit-transform:+perspective(300px)+rotateX(-30deg);
++++-o-transform:+perspective(300px)+rotateX(-30deg);
++++-moz-transform:+perspective(300px)+rotateX(-30deg);
++++-webkit-transform-origin:+0%25+50%25;
++++-moz-transform-origin:+0%25+50%25;
++++-o-transform-origin:+0%25+50%25;
++++transform-origin:+0%25+50%25;
++++margin:+10px+90px;
}|4709116|4709117|4709118|transform:+0%25+50%25;所做的是将原点设置为元素的垂直、中间和水平左侧。因此，透视图在图像的左侧不可见，因此它看起来很平坦。透视效果在右侧，所以它看起来是倾斜的。|offset|length|style|CODE|4709119|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|I|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|13|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|14|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|15|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|H|7|16|8|@]|9|@]|A|$I|J]]|$1|M|3|E|5|6|7|17|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|18|8|@]|9|@]|A|$]]|$1|P|3|E|5|6|7|19|8|@]|9|@]|A|$]]|$1|Q|3|R|5|H|7|1A|8|@]|9|@]|A|$I|J]]|$1|S|3|L|5|H|7|1B|8|@]|9|@]|A|$I|J]]|$1|T|3|E|5|6|7|1C|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|1D|8|@$W|1E|X|1F|Y|Z]]|9|@]|A|$]]|$1|10|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]]|11|$]]

<p>you can make that using transform and transform origins.</p>

<p>Combining various transfroms gives similar result. I hope you find it helpful. :)
See these examples for simpler transforms. this has left point :</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>div {    
    width: 300px;
    height:200px;
    background-image: url('data:image/gif;base64,R0lGODdhLAHIANUAAKqqqgAAAO7u7uXl5bKysru7u93d3czMzMPDw9TU1BUVFdDQ0B0dHaurqywsLHJyclVVVTc3N5SUlBkZGcHBwRYWFmpqasjIyDAwMJubm39/fyoqKhcXF4qKikJCQnd3d0ZGRhoaGoWFhV1dXVlZWZ+fn7m5uT8/Py4uLqWlpWFhYUlJSTMzM4+Pj25ubkxMTBgYGBwcHG9vbwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAALAHIAAAG/kCAcEgsGo/IpHLJbDqf0Kh0Sq1ar9isdsvter/gsHhMLpvP6LR6zW673/C4fE6v2+/4vH7P7/v/gIGCg4SFhoeIiYqLjI2Oj5CRkpOUlZaXmJmam5ydnp+goaKjpKWmp6ipqqusra6vsLGys7S1tre4ubq7vL2+v8DBwsPExcbHyMnKy8zNzs/Q0dLT1NXW19jZ2tvc3d7f4OHi4+Tl5ufo6err7O3u7/Dx8vP09fb3+Pn6+/z9/v8AAwocSLCgwYMIEypcyLChw4cQI0qcSLGixYsYM2rcyLGjx48gQ4ocSbKkyZMoU6pcybKlS3gBYsZUIESDggAKLBCxiVOn/hQNG2JCKMIz55CiPlUKWLqAQQMAEjg0ENAggAYhUadWvRoFhIsFC14kzUrVKlSpZbmydPCgAAAPbQEU+ABCCFy3c+tGSXCAAIEEMIbclUv3bdy8LSFEOCAkBIEhBEI0fiwkspETajWcSCIhxhDHkCWDrix5pYQJFIYEoAwgQwAhq4e4NpIAhQSoKBIkkTEUNuvZsYXMXukgQAWfryEnT16ZOZEUDiQ4SJ0EhgnVRAi8dq6dpQEBFzDoDHAbOwDyRJwPKdAhQAfWRiBAYI0ee33YLglQeM1AxBAJDAjR338BHqECCSskocEE1w0xIFYBPghVgS1lECAEIwxBQm8Y+WrYG1EsJGCBWkRkBV+HQmwIAIoAqNiSBg48VYJZCzY441U1GhFVagfYZoQDLbhFxI0A5EhkjioFFQAHHeAV1ZINUFbAk1LBZ1cLlKXgQRFKyrQelVHKBaaVJn0nwAAIDIHAAGcKKcSabR6RQJpCFKAbEWYuJQARcA7gZp9uviTooIQWauihiCaq6KKMNuroo5BGKumklFZq6aWYZqrpppx26umnoIYq6qiklmrqqaimquqqrLbq6quwxirrrLTWauutuOaq66689urrr8AGK+ywxBZr7LHIJqvsssw26+yz0EYr7bTUVmvttdhmq+223Hbr7bfghhtPEAA7');
    -webkit-transform: perspective(300px) rotateX(-30deg);
    -o-transform: perspective(300px) rotateX(-30deg);
    -moz-transform: perspective(300px) rotateX(-30deg);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    margin: 10px 90px;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div&gt;&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>This has right skew point :</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>div {    
    width: 300px;
    height:200px;
    background-image: url('data:image/gif;base64,R0lGODdhLAHIANUAAKqqqgAAAO7u7uXl5bKysru7u93d3czMzMPDw9TU1BUVFdDQ0B0dHaurqywsLHJyclVVVTc3N5SUlBkZGcHBwRYWFmpqasjIyDAwMJubm39/fyoqKhcXF4qKikJCQnd3d0ZGRhoaGoWFhV1dXVlZWZ+fn7m5uT8/Py4uLqWlpWFhYUlJSTMzM4+Pj25ubkxMTBgYGBwcHG9vbwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAALAHIAAAG/kCAcEgsGo/IpHLJbDqf0Kh0Sq1ar9isdsvter/gsHhMLpvP6LR6zW673/C4fE6v2+/4vH7P7/v/gIGCg4SFhoeIiYqLjI2Oj5CRkpOUlZaXmJmam5ydnp+goaKjpKWmp6ipqqusra6vsLGys7S1tre4ubq7vL2+v8DBwsPExcbHyMnKy8zNzs/Q0dLT1NXW19jZ2tvc3d7f4OHi4+Tl5ufo6err7O3u7/Dx8vP09fb3+Pn6+/z9/v8AAwocSLCgwYMIEypcyLChw4cQI0qcSLGixYsYM2rcyLGjx48gQ4ocSbKkyZMoU6pcybKlS3gBYsZUIESDggAKLBCxiVOn/hQNG2JCKMIz55CiPlUKWLqAQQMAEjg0ENAggAYhUadWvRoFhIsFC14kzUrVKlSpZbmydPCgAAAPbQEU+ABCCFy3c+tGSXCAAIEEMIbclUv3bdy8LSFEOCAkBIEhBEI0fiwkspETajWcSCIhxhDHkCWDrix5pYQJFIYEoAwgQwAhq4e4NpIAhQSoKBIkkTEUNuvZsYXMXukgQAWfryEnT16ZOZEUDiQ4SJ0EhgnVRAi8dq6dpQEBFzDoDHAbOwDyRJwPKdAhQAfWRiBAYI0ee33YLglQeM1AxBAJDAjR338BHqECCSskocEE1w0xIFYBPghVgS1lECAEIwxBQm8Y+WrYG1EsJGCBWkRkBV+HQmwIAIoAqNiSBg48VYJZCzY441U1GhFVagfYZoQDLbhFxI0A5EhkjioFFQAHHeAV1ZINUFbAk1LBZ1cLlKXgQRFKyrQelVHKBaaVJn0nwAAIDIHAAGcKKcSabR6RQJpCFKAbEWYuJQARcA7gZp9uviTooIQWauihiCaq6KKMNuroo5BGKumklFZq6aWYZqrpppx26umnoIYq6qiklmrqqaimquqqrLbq6quwxirrrLTWauutuOaq66689urrr8AGK+ywxBZr7LHIJqvsssw26+yz0EYr7bTUVmvttdhmq+223Hbr7bfghhtPEAA7');
    -webkit-transform: perspective(300px) rotateX(-30deg);
    -o-transform: perspective(300px) rotateX(-30deg);
    -moz-transform: perspective(300px) rotateX(-30deg);
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    margin: 10px 90px;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div&gt;&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>what <code>transform: 0% 50%;</code> does is it sets the origin to vertical middle and horizontal left of the element. so the perspective is not visible at the left part of the image, so it looks flat. Perspective effect is there at the right part, so it looks slanted.</p>


blocks|key|4709157|text|也许你想使用CSS“剪辑路径”(适用于透明度和背景)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4709158|"clip-path“参考：https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path|offset|length|4709159|生成器：https://bennettfeely.com/clippy/|4709160|示例：|4709161|​|4709162|/*+With+percent+*/
.element-percent+{
++background:+red;
++width:+150px;
++height:+48px;
++display:+inline-block;
++
++clip-path:+polygon(0+0,+100%25+0%25,+75%25+100%25,+0%25+100%25);
}

/*+With+pixel+*/
.element-pixel+{
++background:+blue;
++width:+150px;
++height:+48px;
++display:+inline-block;
++
++clip-path:+polygon(0+0,+100%25+0%25,+calc(100%25+-+32px)+100%25,+0%25+100%25);
}

/*+With+background+*/
.element-background+{
++background:+url(https://images.pexels.com/photos/170811/pexels-photo-170811.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260)+no-repeat+center/cover;
++width:+150px;
++height:+48px;
++display:+inline-block;
++
++clip-path:+polygon(0+0,+100%25+0%25,+calc(100%25+-+32px)+100%25,+0%25+100%25);
}|code-block|syntax|javascript|4709163|<div+class="element-percent"></div>

<br+/>

<div+class="element-pixel"></div>

<br+/>

<div+class="element-background"></div>|4709164|4709165|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path|1|https://bennettfeely.com/clippy/^0|0|E|1M|0|0|4|W|1|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|14|8|@]|9|@$D|15|E|16|1|17]]|A|$]]|$1|F|3|G|5|6|7|18|8|@]|9|@$D|19|E|1A|1|1B]]|A|$]]|$1|H|3|I|5|6|7|1C|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|1D|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|1E|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|N|7|1F|8|@]|9|@]|A|$O|P]]|$1|S|3|K|5|6|7|1G|8|@]|9|@]|A|$]]|$1|T|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]]|U|$V|$5|W|X|Y|A|$Z|10]]|11|$5|W|X|Y|A|$Z|12]]]]

<p>Maybe you want to use CSS &quot;clip-path&quot; (Works with transparency and background)</p>
<p>&quot;clip-path&quot; reference: <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path</a></p>
<p>Generator: <a href="https://bennettfeely.com/clippy/" rel="nofollow noreferrer">https://bennettfeely.com/clippy/</a></p>
<p>Example:</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>/* With percent */
.element-percent {
  background: red;
  width: 150px;
  height: 48px;
  display: inline-block;
  
  clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
}

/* With pixel */
.element-pixel {
  background: blue;
  width: 150px;
  height: 48px;
  display: inline-block;
  
  clip-path: polygon(0 0, 100% 0%, calc(100% - 32px) 100%, 0% 100%);
}

/* With background */
.element-background {
  background: url(https://images.pexels.com/photos/170811/pexels-photo-170811.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=750&amp;w=1260) no-repeat center/cover;
  width: 150px;
  height: 48px;
  display: inline-block;
  
  clip-path: polygon(0 0, 100% 0%, calc(100% - 32px) 100%, 0% 100%);
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="element-percent"&gt;&lt;/div&gt;

&lt;br /&gt;

&lt;div class="element-pixel"&gt;&lt;/div&gt;

&lt;br /&gt;

&lt;div class="element-background"&gt;&lt;/div&gt;</code></pre>
</div>
</div>
</p>


<p>Is it possible to create "CSS3 Transform Skew One Side" </p>

<p>I found one solution, but it's not useful to me, because I need to use a image for background (not color)</p>

<pre><code>#skewOneSide {
    border-bottom: 40px solid #FF0000;
    border-left: 50px solid rgba(0, 0, 0, 0);
    height: 0;
    line-height: 40px;
    width: 100px;
}
</code></pre>

<p>Even this <a href="http://jsfiddle.net/Hfkk7/4/" rel="noreferrer">JsFiddle</a> is not useful as well (skewed area should be transparent)</p>


CSS3 Transform Skew One Side

可以创建"CSS3变换倾斜一侧“吗？我找到了一个解决方案，但它对我没有用处，因为我需要使用图像作为背景(而不是颜色)#skewOneSide {    border-bottom: 40px solid #FF0000;    border-left: 50px solid rgba(0, 0, 0, 0);    h...

问CSS3变换向一侧倾斜
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS3变换向一侧倾斜EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS3变换向一侧倾斜
EN