Line 119: | Line 119: | ||
} | } | ||
− | + | .svg_checked .hydrogen-bond{ | |
opacity:0; | opacity:0; | ||
transition: all 0.3s linear 0s; | transition: all 0.3s linear 0s; | ||
} | } | ||
− | + | .svg_checked #ribosome{ | |
transform: translateY(0px); | transform: translateY(0px); | ||
opacity:1; | opacity:1; | ||
transition: all 0.5s ease-out 2s; | transition: all 0.5s ease-out 2s; | ||
} | } | ||
− | + | .svg_checked #ribosome_text{ | |
opacity:1; | opacity:1; | ||
transition: all 0.5s ease-out 2s; | transition: all 0.5s ease-out 2s; | ||
} | } | ||
− | + | .svg_checked #text{ | |
transform: translateY(-60px); | transform: translateY(-60px); | ||
} | } | ||
− | + | .svg_checked #loop{ | |
transform: translateY(130px); | transform: translateY(130px); | ||
} | } | ||
− | + | .svg_checked #left{ | |
stroke-dashoffset:-135; | stroke-dashoffset:-135; | ||
} | } | ||
− | + | .svg_checked #right{ | |
stroke-dashoffset:-142; | stroke-dashoffset:-142; | ||
} | } | ||
− | + | .svg_checked #left_s,#right_s{ | |
stroke-dasharray:60,500; | stroke-dasharray:60,500; | ||
} | } | ||
− | + | .svg_checked #left_s{ | |
stroke-dashoffset:-265; | stroke-dashoffset:-265; | ||
} | } | ||
− | + | .svg_checked #right_s{ | |
stroke-dashoffset:-82; | stroke-dashoffset:-82; | ||
} | } | ||
Line 197: | Line 197: | ||
$("#checked_1").click(function(){ | $("#checked_1").click(function(){ | ||
if($(this).is(':checked')){ | if($(this).is(':checked')){ | ||
− | |||
$(".hot-induced").addClass("svg_checked"); | $(".hot-induced").addClass("svg_checked"); | ||
}else{ | }else{ |
Revision as of 07:20, 26 September 2018