求能让 callout 高亮块溢出折叠的插件

如图,想让callout中超过 5 行的内容被折叠起来,类似微博的展开这种。有没有什么插件可以做到吗?

可以简单加个css控制高度(不需要悬浮恢复原高度的话,只保留代码里max-height: 100px;就好了)

.callout p {
  max-height: 100px;
  transition: max-height 0.5s ease-out;
  transition-delay: 0.5s;
}
.callout p:hover {
  max-height: 3000px;
  transition: max-height 0.2s ease-in;
}

效果如图:
1f5c439c-f268-4a2d-9ee1-9441905eaad0

如何添加css脚本:【新手向教程】OB样式调整基础课:CSS入门科普


点击展开的话,应该需要借助类似Codeblock Customizer插件里的折叠方法

1 个赞