CSS - 对 Angular 线分割悬停效果

标签 css hover diagonal

<分区>

是否可以仅通过 css(无背景图像)进行对 Angular 线分割背景(如图像)? Diagonal hover effect in the menu

最佳答案

类似于 this

如果这是所需的样式,您可以在 w3schools 上找到更多信息和 MDN

.btn {
  width: 250px;
  height: 60px;
  margin: 25px;
  border-radius:4px;
  background: linear-gradient(to bottom right, rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%);
}
<button class="btn">Button
</button>

关于CSS - 对 Angular 线分割悬停效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35272421/

上一篇:html - 样式输入类型=数字

下一篇:html - 使用 CSS 创建隐藏的背景 div

相关文章:

javascript - 如何使用 JavaScript 和 CSS 不显眼地设置表单元素的样式?

jquery - 调整大小时的 float 元素位置 (jQuery/CSS)

css - 悬停在 IE11 和 Edge 上不起作用

javascript - 悬停效果不会触发底层元素?

coordinates - 指向矩形内 - 它在对角线的哪一侧?

r - 如何创建稀疏对角矩阵?

css - 在聊天框中从下到上显示div中的数据

html - CSS:导航 Sprite 图像对齐问题

css - 悬停变换过渡不起作用

performance - diag() 的效率 - MATLAB