ホームページ > 記事 > ウェブフロントエンド > CSS pseudo-classes::before および transform_html/css_WEB-ITnose に関する質問
CSS pseudo-classes::before および transform_html/css_WEB-ITnose に関する質問
- WBOYオリジナル
- 2016-06-24 11:31:171920ブラウズ
.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);
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。