Difference between revisions of "Team:Jilin China/home"
| Line 19: | Line 19: | ||
<div class="bacteria"> | <div class="bacteria"> | ||
<div class="stem-loop"> | <div class="stem-loop"> | ||
| − | + | <div> | |
<input id="checked_1" type="checkbox" class="switch" /> | <input id="checked_1" type="checkbox" class="switch" /> | ||
</div> | </div> | ||
| Line 119: | Line 119: | ||
} | } | ||
| − | .svg_checked .hydrogen-bond{ | + | .hot-induced.svg_checked .hydrogen-bond{ |
opacity:0; | opacity:0; | ||
transition: all 0.3s linear 0s; | transition: all 0.3s linear 0s; | ||
} | } | ||
| − | .svg_checked #ribosome{ | + | .hot-induced.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{ | + | .hot-induced.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{ | + | .hot-induced.svg_checked #text{ |
transform: translateY(-60px); | transform: translateY(-60px); | ||
} | } | ||
| − | .svg_checked #loop{ | + | .hot-induced.svg_checked #loop{ |
transform: translateY(130px); | transform: translateY(130px); | ||
} | } | ||
| − | .svg_checked #left{ | + | .hot-induced.svg_checked #left{ |
stroke-dashoffset:-135; | stroke-dashoffset:-135; | ||
} | } | ||
| − | .svg_checked #right{ | + | .hot-induced.svg_checked #right{ |
stroke-dashoffset:-142; | stroke-dashoffset:-142; | ||
} | } | ||
| − | .svg_checked #left_s,#right_s{ | + | .hot-induced.svg_checked #left_s,#right_s{ |
stroke-dasharray:60,500; | stroke-dasharray:60,500; | ||
} | } | ||
| − | .svg_checked #left_s{ | + | .hot-induced.svg_checked #left_s{ |
stroke-dashoffset:-265; | stroke-dashoffset:-265; | ||
} | } | ||
| − | .svg_checked #right_s{ | + | .hot-induced.svg_checked #right_s{ |
stroke-dashoffset:-82; | stroke-dashoffset:-82; | ||
} | } | ||
| Line 204: | Line 204: | ||
}); | }); | ||
</script> | </script> | ||
| + | </div> | ||
<div class="stem-loop"> | <div class="stem-loop"> | ||
</div> | </div> | ||
Revision as of 07:45, 26 September 2018