css块去电阻

我整个星期都在用一个富有挑战性的设计来解决这个问题，现在我已经完成了我的最后一个任务，一天只剩下一个小时了

我这里有一个钻石/蜂巢界面

当前悬停在菱形上时，内部文本使用css3转换进行翻转，但转换需要位于灰色菱形上

---

非常感谢任何关于移动css规则的指针

如果你只是想让翻转的外观出现在“菱形”上。您可以移动

.diamond li

上的框阴影和

.diamonds.diamond

上的背景，然后将它们放在

.diamond.content

/* line 118, ../sass/screen.scss */
.diamonds .content {
  display: table-cell;
  height: 190px;
  padding: 0 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  text-align: center;
  vertical-align: middle;
  width: 190px;
  border: 1px solid rgb(204,204,204);
  background: #f4f4f4;
}

---

请参见

我相信您已经看到了此链接，并且正在基于此链接进行设计：。然而，我注意到你的前后好像不在同一个“鳍状肢”内

div

就像他们在那里做的那样，这可能会导致问题。这是受此启发的-是的，我明白你的意思，那里有两个脚蹼，但它已经更新，仍然是一样的，我相信这是一个问题，因为css3变换选择器正在使用哈哈，谢谢！！我现在想怎么做就怎么做

/* line 118, ../sass/screen.scss */
.diamonds .content {
  display: table-cell;
  height: 190px;
  padding: 0 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  text-align: center;
  vertical-align: middle;
  width: 190px;
  border: 1px solid rgb(204,204,204);
  background: #f4f4f4;
}