用户:夕舞八弦/vector.css

注意：在保存之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。

Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
Internet Explorer：按住Ctrl的同时单击刷新，或按Ctrl-F5
Opera：前往菜单 → 历史（Mac为Opera → Preferences），或按Ctrl-Shift-Del，然后清除浏览数据 → 勾选“已缓存的图片和文件” → 清除数据。

.template-semicollapse {
  display: inline-block;
}

.template-semicollapse-content {
  overflow-y: hidden;
  max-height: 400px;
  -webkit-mask-image: linear-gradient(black 80%, transparent);
  mask-image: linear-gradient(black 80%, transparent);
}

.template-semicollapse-button {
  display: block;
  width: 200px;
  margin: auto;
  margin-top: 8px;
  border-radius: 4px;
  background-color: #4487DF;
  color: white;
  text-align: center;
  padding: 4px;
  font-size: 20px;
  cursor: pointer;
}

.template-semicollapse-button:hover {
  background: #85C1F7;
  text-decoration: none;
}