.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 { -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 { -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 { -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,
.cptch_reload_button.cptch_active {
cursor: pointer;
opacity: 0.7;
-webkit-animation: cptch_rotation 800ms infinite linear;
animation: cptch_rotation 800ms infinite linear;
}
@-webkit-keyframes cptch_rotation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes cptch_rotation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}