Verdana, Geneva, sans-serif; } .mainview a { display: inline-block; padding: 4px; outline: 0; color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } .mainview a:hover { background: #b27da1; text-decoration: none; color: #fff; -webkit-transform: scale(1.15) rotate(-5deg); -moz-transform: scale(1.15) rotate(-5deg); -o-transform: scale(1.15) rotate(-5deg); transform: scale(1.15) rotate(-5deg); } .mainview a:nth-child(2n):hover { -webkit-transform: scale(1.15) rotate(5deg); -moz-transform: scale(1.15) rotate(5deg); -o-transform: scale(1.15) rotate(5deg); transform: scale(1.15) rotate(5deg); } -->