javascript - FullCalendar Scheduler:平行四边形事件

我想将事件形状从正方形更改为平行四边形，请参见下面的图像作为示例：



我尝试更改CSS

.fc-event-container{
   background-color:rgba(2,2,2,0.9);
   float:left;
    Skew
   -webkit-transform: skew(-60deg);
   -moz-transform: skew(-60deg);
   -o-transform: skew(-60deg);
   transform: skew(-60deg);
}

但是它扭曲了事件容器，请参见图片

最佳答案

在此处使用信息How to skew element but keep text normal (unskewed)

.fc-content {
  Skew -webkit-transform: skew(60deg);
  -moz-transform: skew(60deg);
  -o-transform: skew(60deg);
  transform: skew(60deg);
}

似乎可以工作

https://jsfiddle.net/qjLs3tfa/

浮点数：向左移动可能会使事件变小，尽管从小提琴的月视图中可以看出