1009–[CSS] 3D Flipping Button

Background

We want to create the following 3D flipping button effect.

See the Pen 3D Flipping button by Thomas Seng Hin Mak (@makzan) on CodePen.

Requirement

Given the following HTML:

<div class='button3d'>
  <a href='#' class='button'>Hover me</a>
</div>

Please implement the effect in CSS.

Help

❓ Show help content

Submission guideline

• You may use Codepen to implement it and submit the link.
• You may implement them in file and attach the HTML/CSS file via submission.