Question

中的红色div一样有一个弯曲的div

这是我的CSS：

#parallelogram {
    width: 150px;
    height: 100px;
    -webkit-transform: skew(20deg);
       -moz-transform: skew(20deg);
         -o-transform: skew(20deg);
    background: red;
}

但是它不正确，我认为

Answer 1

我猜（并且由于提供的信息不好而且它只是一个猜测）它可能无法正常工作，因为您只使用了供应商前缀版本的转换。您正在使用的浏览器可能已经（并且仅）支持无前缀格式，因此您需要添加它：

-webkit-transform: skew(20deg);
   -moz-transform: skew(20deg);
     -o-transform: skew(20deg);
        transform: skew(20deg);

哦，如果您尝试复制您提供的示例的精确偏斜，仅沿Y轴复制，请使用char** tokenize(char* input){ int i = 0; char* tok; char** ret; tok = strtok(input, " "); ret[0] = tok; while(tok != NULL){ printf("%s\n", tok); ret[i] = tok; tok = strtok(NULL, " "); i++; } ret[i] = NULL; return ret;代替skewY()和10度而不是20度：

-webkit-transform: skewY(10deg);
   -moz-transform: skewY(10deg);
     -o-transform: skewY(10deg);
        transform: skewY(10deg);

Answer 2

快速检查后，我发现div的变换属性如下：

transform: skewY(10deg);

这是一个让你入门的小提琴

http://jsfiddle.net/98c7e0mq/

怎么有一个弯曲的div？

2 个答案: