.cptch_ajax_wrap { color: red; } .cptch_img:hover { cursor: default; position: relative; z-index: 10; -webkit-transition: 300ms ease-in-out; -moz-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } .cptch_left:hover { /* move to the right and increase the size of image */ -webkit-transform: translateX(100%) scale(3, 3); -moz-transform: translateX(100%) scale(3, 3); -o-transform: translateX(100%) scale(3, 3); -ms-transform: translateX(100%) scale(3, 3); transform: translateX(100%) scale(3, 3); } .cptch_right:hover { /* move to the left and increase the size of image */ -webkit-transform: translateX(-100%) scale(3, 3); -moz-transform: translateX(-100%) scale(3, 3); -ms-transform: translateX(-100%) scale(3, 3); -o-transform: translateX(-100%) scale(3, 3); transform: translateX(-100%) scale(3, 3); } .cptch_center:hover { /* increase the size of image */ -webkit-transform: scale(3, 3); -moz-transform: scale(3, 3); -o-transform: scale(3, 3); -ms-transform: scale(3, 3); transform: scale(3, 3); } .cptch_reload_button:hover { cursor:pointer; opacity: 0.7; } .cptch_reload_button.cptch_active { opacity: 0.7; animation: cptch_rotation 800ms infinite linear; -webkit-animation: cptch_rotation 800ms infinite linear; } @-webkit-keyframes cptch_rotation { 0% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(359deg);} } @-moz-keyframes cptch_rotation { 0% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(359deg);} } @-o-keyframes cptch_rotation { 0% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(359deg);} } @keyframes cptch_rotation { 0% {transform: rotate(0deg);} 100% {transform: rotate(359deg);} }