ホバー時にポストボックス周囲のボーダーカラーを変更(3D効果)

マウスでポストの上にカーソルを置くと、ポストに「3D」エフェクトが表示されます。

CSSだ:

このスニペットはPostの周囲に5pxの黒いボーダーを作成します。

#cff .cff-item.cff-box {
box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}

このスニペットは、ホバー時にPostの周囲に1ピクセルのグレーのボーダーを作成し、3D効果を与えます。

#cff .cff-item.cff-box:hover {
box-shadow: 0 0 0 1px gray;
-moz-box-shadow: 0 0 0 1px gray;
-webkit-box-shadow: 0 0 0 1px gray;
}

赤い数字は影の大きさ

青い数字は影の不透明度、つまり「暗さ」である。

サポート

ドキュメントに答えが見つからない?

サポート

この記事は役に立ちましたか?