Commit 1e020b88 authored by okhin's avatar okhin

Let's play with animations

parent 02c9de94
......@@ -120,13 +120,54 @@ body {
margin-right: 10px;
}
@keyframes circling {
0% {
border-radius: 3px;
width: 35px;
height: 35px;
margin: 0px;
}
50% {
border-radius: 18px;
width: 17px;
height: 17px;
margin: 9px;
}
51% {
width: 35px;
height: 35px;
margin: 0px;
border-width: 8px;
border-color: blue;
border-style: solid;
border-top-style: none;
border-left-style: none;
border-bottom-style: none;
transform: rotate(0deg);
}
60% {
border-top-style: solid;
transform: rotate(120deg);
}
70% {
border-left-style: solid;
transform: rotate(240deg);
}
100% {
border-bottom-style: solid;
transform: rotate(360deg);
}
}
.check input[type="checkbox"]:checked + #checkbox-captcha-label::before {
content: "\2713";
animation-name: circling;
animation-duration: 1s;
/* content: "\2713";
font-size: 55px;
font-weight: 700;
border: none;
color: green;
padding: -15px;
padding: -15px; */
}
.check #checkbox-captcha-label:hover::before {
......
......@@ -18,7 +18,6 @@ $(document).ready(function() {
$('.script').show();
$('#checkbox-captcha').click(function(event) {
event.preventDefault();
$('.captcha-modal').modal('show');
});
$('td.captcha').click(function(event) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment