确实哦,可以同时一起使用,我整理了一下,方便后续搜索到的人参考:
/* 白板元素 - 鼠标悬浮放大(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;
}