HTML構造
<DIV CLASS = "NAV-メニューフロート-R">
<ULクラス= "メニュー項目">
<LI>
<a class="full-size" href="index.html">
首页
する</a>
</ LI>
<LI>
<a class="full-size" href="groupManage.html">
产品
する</a>
ます。</ li>
<LI>
<クラス= "フルサイズ"のhref = "case.html" >
案例
</a>の
</ LI>
<LIクラス= "アクティブ">
<a class="full-size" href="price.html">
价格
</a>の
</ LI>
<LI>
<クラス=「フルサイズ」のhref =」business.html「>
協力機関
</a>に
</ LI>
<LI>
<a class="full-size" href="about.html">
お問い合わせ
する</a>
ます。</ li>
<LI>
<a class="full-size" href="help.html">
帮助中心
</a>の
</ LI>
<！ - <LI>
<クラス= "フルサイズ"のhref = "専門家.htmlを">
专家申请
する</a>
ます。</ li> - >
</ UL>
</ div>
CSS：
.menu項目.fullサイズ：{後に
内容：「」。
位置：絶対;
左：0;
下：0;
高さ：3px;
幅：100％;
背景色：＃403c27。
-webkit-変換：scaleXプロパティ（0）;
変換：scaleXプロパティを（0）;
-webkit-遷移：全.6s立方ベジェ（.19,1、.22,1）。
遷移：全.6s立方ベジェ（.19,1、.22,1）
}
.menu項目.fullサイズ：ホバー：{後
-webkit-変換：scaleXプロパティ（1）。
変換：scaleXプロパティ（1）
}
効果：
テキスト上でマウス、ゆっくり中間幅の線を描く灰色：100％、マウスを置い、幅：100％CALE（0）となります。