@ConanOBrien This morning I thought I heard a neighbor blasting that new @Skrillex song I like, but then I realized it was just the garbage truck.
About this tweet
.body {
perspective: 1000px;
}
.card {
/* Show the back side as if it is a 3D card */
transform-style: preserve-3d;
transition: all 1.0s ease-in-out;
}
.side {
backface-visibility: hidden;
position: absolute;
}
.back {
transform: rotateY(180deg);
}
$('.card').css3('transform', 'rotateY(0)');
$('.card').css3('transform', 'rotateY(180deg)');
Select example:
01 Transform
02 Transform with Transition
03 Transform with CSS Classes
04 Transform with :nth-child
05 Transform with Background Color
06 Transform with Opacity
07 Transform with Rotation
08 Transform with Rotation and transitionend Event
09 Transform with 3D Rotation
10 Transform like a Card
11 Transform with 3D Rotation and Z Translation