Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
<div class="container">
<div class="card">
<a class="card--title" href="#">Spinning card</a>
<p class="card--text">
demonstrating the backface visibility
@keyframes spin {
from {
transform: rotateY(0);
to {
transform: rotateY(1turn);
.card {
animation: spin 5s ease;
animation-iteration-count: infinite;
.container {
perspective: 1000px;
<link href="" rel="stylesheet" />
<link href="" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.