右側は、矩形と結合半円形で、アニメーションカーソルは、所定の時間に置きます

/ *
ボーダー-RADIUS -右上：40ピクセル;
のborder-bottom-右RADIUS：40ピクセル;
半分の高さが半円に右折をすることができます
* /

 

 

ショー{-.right
幅：200pxの;
高さ：80px;
ボーダー-RADIUS -右上：40ピクセル;
のborder-bottom-RADIUS右：40ピクセル;
背景：ピンク;
遷移は：すべてを0.6S; / *自体の移行を書きます誰体を書いた遷移アニメーションを、行います* /
}

.RIGHTショー：ホバー{
幅：240ピクセル。
}

 

<のdivクラス= "右ショー"> </ div>