Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
backface-visibility
<div class="container">
<div class="card">
<a class="card--title" href="#">Spinning card</a>
<p class="card--text">
demonstrating the backface visibility
</p>
</div>
</div>
@keyframes spin {
from {
transform: rotateY(0);
}
to {
transform: rotateY(1turn);
}
}
.card {
animation: spin 5s ease;
animation-iteration-count: infinite;
}
.container {
perspective: 1000px;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" rel="stylesheet" />
<link href="https://codepen.io/gregh/pen/jyNrJW.css" 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.