我希望能够以下面的图像显示方式扭曲元素.

我一直在玩它,但似乎无法接近复制那个形状.
我的css代码是
transform:skew(30deg,30deg);
Run Code Online (Sandbox Code Playgroud)
改造甚至是正确的方法吗?请让我知道最好的,最兼容浏览器的解决方案.
我想在页面上创建模糊效果.我想要一个弹出窗口显示,然后页面的其余部分变得模糊.然而,我似乎只能模糊背景图像,而不是页面上的实际元素,是我想要做的甚至可能吗?
我想要一些宽度为100%的列表项(浮动)。
列表项的数量是任意的,可以是1或2,也可以是20或30。
如果页面100%的宽度无法容纳更多的项目,我希望它具有滚动条来滚动。
这是我当前正在使用的,但它不会创建滚动。我猜我需要设置一个宽度以使溢出起作用,但是我希望该宽度为100%。
.scroll {overflow-x:scroll;}
.scroll li {float:left}
<div class="scroll">
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
<div stye="clear:both"></div>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
那么,如何通过水平滚动保持100%的宽度?
我有这个 sql 查询
SELECT `price` FROM `used_cars` ORDER BY `price` DESC
Run Code Online (Sandbox Code Playgroud)
所以我显然想按价格从高到低排序。但是,它似乎是取第一个数字并按此排序。我的理论是,它把它当作一个字符串来对待,因为该列是一个 varchar,所以它是有道理的。但是,这是第三方数据,所以我坚持使用它。我如何订购以便较大的数字在先?
所以这是如何订购它们的示例
9698
8999
8988
8900
5983
4988
4984
42441
40949
3995
3995
38995
37685
36999
35983
34990
34785
32999
30594
29999
29999
2862
28000
27995
Run Code Online (Sandbox Code Playgroud)