如何在.config/gtk-3.0/gtk.css中通过CSS修改GtkLabel的角度？

嘿，刚好对这个有了解！在GTK 3的gtk.css配置里，想要修改GtkLabel的旋转角度，你需要用到**transform**这个CSS属性，搭配rotate()变换函数来实现。

具体示例代码 #

直接在你的~/.config/gtk-3.0/gtk.css里添加这段样式：

/* 给所有GtkLabel添加旋转效果 */
GtkLabel {
  /* 顺时针旋转15度，使用负数则是逆时针旋转，比如rotate(-10deg) */
  transform: rotate(15deg);
  /* 可选：自定义旋转原点，默认是元素中心（center center），也可以改成左上角等位置 */
  transform-origin: top left;
}

额外说明 #

• GTK 3对CSS的transform属性支持比较完善，除了旋转，还能实现平移、缩放等变换，但针对你的需求，rotate()就足够了。
• 如果只想给特定的GtkLabel应用效果，可以给标签设置name或者class，然后在CSS里精准匹配，比如：

  GtkLabel#my-custom-label {
    transform: rotate(90deg);
  }
  

内容的提问来源于stack exchange，提问作者Martin Monperrus