【已解决】鼠标悬浮于白板核心插件的笔记块上时,如何实现弹窗展示详细内容

确实哦,可以同时一起使用,我整理了一下,方便后续搜索到的人参考:

/* 白板元素 - 鼠标悬浮放大(transform - 内容放大/width、height - 内容不放大) */
.canvas-node:hover > .canvas-node-container{
  transition: transform 0.1s ease, width 0.1s ease, height 0.1s ease;
  transform: scale(1.25);  /* 鼠标悬浮时整体增加到原来的1.25倍 */
  width: calc(100% * 1.25); /* 鼠标悬浮时宽度增加到原来的1.25倍 */
  height: calc(100% * 1.25); /* 鼠标悬浮时高度增加到原来的1.25倍 */
}
.canvas-node:hover{
  /* 设置悬浮元素为最前 */
  z-index:9999!important;
}
.canvas-node > .canvas-node-container{		
  /* 移开鼠标恢复 */
  transition: transform 0.3s ease, width 0.3s ease, height 0.3s ease;
}	
3 个赞