マウスでポストの上にカーソルを置くと、ポストに「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;
}
赤い数字は影の大きさ
青い数字は影の不透明度、つまり「暗さ」である。