FullCalendar Scheduler：平行四邊形事件

Question

我想將事件形狀從正方形更改為平行四邊形，請參見下面的圖像作為示例：

我嘗試更改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); } 

但是它扭曲了事件容器，請參見圖片

Answer 1

從此處使用信息如何使元素傾斜但使文本保持正常（傾斜）

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

似乎可以工作

https://jsfiddle.net/qjLs3tfa/

浮點數：向左移動可能會使事件變小，盡管在小提琴的月份視圖中可以看到