card fliping effect for webdesign

.card{ margin:2opx; background:#5677fc; width:200px; height:200px; transition:alt transform-style:preserve-3d; } .card:hover{ transform:rotateY(180deg); }