I am having an issue with rotating only the background image of a custom radio button when selected, instead it rotates the entire div.
You can view my current progress on this jsFiddle link
ul.pt-answers > li > label > input:checked +img {
background: url(http://www.opinionpoll.in/files/images/vote_symbol.png);
background-repeat: no-repeat;
background-position:center center;
background-size:30px 30px;
-webkit-animation:spin 0.5s ease 1 both;
-moz-animation:spin 0.5s ease 1 both;
animation:spin 0.5s ease 1 both;
border:none;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(30deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(30deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(30deg); } }