.flip-container {
  background: transparent;
  display: inline-block;

.flip-this {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;

.flip-container:hover .flip-this {
  transition: 0.9s;
  transform: rotateY(180deg);
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter