FullCalendar调度程序：平行四边形形状事件

Question

我想将事件形状从正方形更改为平行四边形，请参阅下面的图片以获取示例：

我尝试更改CSS

＆＃13;

＆＃13;

.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);
}

＆＃13;

＆＃13;

＆＃13;

但它扭曲了事件容器，见图像

Answer 1

使用此处的信息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/

浮动：左边可能会导致它缩小事件，但在小提琴的月视图中可以看到