Ändern Sie die Farbe des Rahmens um die Postbox bei Hover (3D-Effekt)

Erzeugen Sie einen "3D"-Effekt auf dem Briefkasten, wenn der Besucher mit der Maus darüberfährt.

CSS:

Dieses Snippet erzeugt einen schwarzen Rand von 5 px um den Beitrag.

#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);
}

Dieses Snippet erzeugt einen grauen 1-Pixel-Rahmen um das Posting beim Hovern, der einen 3D-Effekt erzeugt.

#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;
}

Die rote Zahl gibt die Größe des Schattens an

Die blaue Zahl ist die Deckkraft oder "Dunkelheit" des Schattens

Unterstützung

Konnten Sie die Antwort nicht in den Dokumenten finden?

Kontakt zum Support

War dieser Artikel hilfreich?