CSS pseudo-classes::before および transform_html/css_WEB-ITnose に関する質問

.sidenav ul li::before{

位置: 絶対;
幅: 100%;
高さ: 100%; -webkit-transform: 変換 3d(-100%, 0, 0);
変換: 変換 3d(-100%, 0, 0);
}
}
.sidenav ul li:hover::before{
-webkit-transform :translate3d(0 0, 0);
transform:translate3d(0, 0, 0);

何が間違っていたのですか?なぜ最初のものは正しいのですか?ただし、ホバーを設定した後は効果がありません。

ディスカッションへの返信 (解決策)

.sidenav ul li::before{

content: ""

top: 0; 左: 0;幅: 100%; 高さ: 100%; -webkit-transform: translation3d(-100%, 0, 0);
} アイテムを増やす}

.sidenav ul li:hover::before{

-webkit-transform: translation3d(0, 0, 0); アイテムを減らす,

transform: translation3d(0, 0, 0);