繁体   English   中英

FullCalendar Scheduler:平行四边形事件

[英]FullCalendar Scheduler : Parallelogram Shaped Events

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

在此处输入图片说明

我尝试更改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); } 

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

在此处输入图片说明

从此处使用信息如何使元素倾斜但使文本保持正常(倾斜)

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

似乎可以工作

https://jsfiddle.net/qjLs3tfa/

浮点数:向左移动可能会使事件变小,尽管在小提琴的月份视图中可以看到

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM