CSS3 3D Box

3D CSS Effekt - Flip Box

Reine CSS Umsetzung einer Box (Teaser) die sich bei :hover 3 dimensional dreht und den Inhalt der ‚Rückseite‘ darstellt. 3D-Box, CSS-Cube oder aber 3D-Teaser wären vielleicht eine passende Bezeichnungen.

Animierter CSS3D Teaser

Was mittlerweile alleine mit CSS machbar ist, zeigt diese kleine CSS3D Umsetzung eines Cube-Teasers. Auf die Vorder- als auch auf der Rückseite können beliebige HTML-Elemente dargestellt werden. Probiert‘ es einfach mal aus, CSS- und SASS-Datei stehen zum Download bereit.

CSS 3D Flip-Box

Veröffentlicht von

FrontEnd-Entwickler bei der adesso SE in Dortmund. Schwerpunkte sind neben HTML, CSS, JavaScript und CMS vor allem UI/UX und Grafikdesign/Marketing.