.cptchpr_img:hover img, .cptchpr_img:hover svg { 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; } .cptchpr_left:hover img, .cptchpr_left:hover svg { /* 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); } .cptchpr_right:hover img, .cptchpr_right:hover svg { /* 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); } .cptchpr_center:hover img, .cptchpr_center:hover svg{ /* 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); } .cptchpr_reload_button:hover { cursor:pointer; opacity: 0.7; } .cptchpr_reload_button.cptchpr_active { opacity: 0.7; animation: cptchpr_rotation 800ms infinite linear; -webkit-animation: cptchpr_rotation 800ms infinite linear; } @-webkit-keyframes cptchpr_rotation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes cptchpr_rotation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }