استخدام خاصية backface-visibility في CSS3 و أمثلة

backface-visibility:　visible　|　hidden　|　initial　|　inherit

.flip-container　{
　　　　　　　　margin:　50px;
　　　　　　　　perspective:　1000px;
　　　　　　　　display:　inline-block;
　　　　}
　　　　.flip-container:hover　.card　{
　　　　　　　　transform:　rotateY(180deg);
　　　　}
　　　　.card,　.front,　.back　{
　　　　　　　　width:　130px;
　　　　　　　　height:　195px;
　　　　}
　　　　.card　{
　　　　　　　　position:　relative;
　　　　　　　　transition:　0.5s　all;
　　　　　　　　transform-style:　preserve-3d;
　　　　}
　　　　.front,　.back　{
　　　　　　　　position:　absolute;
　　　　　　　　backface-visibility:　hidden;
　　　　}
　　　　.front　{
　　　　　　　　z-index:　1;
　　　　　　　　transform:　rotateY(180deg);
　　　　}
　　　　.back　{
　　　　　　　　z-index:　2;
　　　　　　　　transform:　rotateY(0deg);
　　　　}