Question

这是我的菜单：

.H:Hover
{
    DISPLAY: Inline-Block;
    TRANSFORM: RotateY(180deg);
    -O-TRANSFORM: RotateY(180deg);
    -MS-TRANSFORM: RotateY(180deg);
    -MOZ-TRANSFORM: RotateY(180deg);
    -KHTML-TRANSFORM: RotateY(180deg);
    -WEBKIT-TRANSFORM: RotateY(180deg);
    }

CSS：

execute("create index Test_Text_Value_Index on Test (Text_Value collate nocase);")

所以每当我将鼠标悬停在菜单链接上时，我基本上都希望对大写字母应用TRANSFORM效果。如何实现？

Answer 1

只有当您专注于字母 H ， B ， C 和 P 时，您的代码才有效

使用a的悬停来达到要求的效果。以下是一个工作示例。

＆＃13;

a {
  padding: 5px 10px;
}
a:hover span {
  color: red;
  text-decoration: underline;
  display: inline-block;
  transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -khtml-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

＆＃13;

<td valign="middle" align="center">
  <a href="/?open_the=gate"><span>H</span>ome</a>
</td>
<td valign="middle" align="center">
  <a href="/?open_the=book"><span>B</span>ook</a>
</td>
<td valign="middle" align="center">
  <a href="/?open_the=contact_page"><span>C</span>ontact <span>P</span>age</a>
</td>

＆＃13;

悬停在菜单字母上的效果

1 个答案: