Template:Team:KIT-Kyoto/mobile
From 2014.igem.org
(Difference between revisions)
Line 99: | Line 99: | ||
transform: rotate(135deg); | transform: rotate(135deg); | ||
} | } | ||
- | div | + | div { |
position: relative; | position: relative; | ||
height: 0; | height: 0; | ||
overflow: hidden; | overflow: hidden; | ||
transition: height .4s ease-in-out; | transition: height .4s ease-in-out; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
.accordion input:checked + label::after { | .accordion input:checked + label::after { | ||
margin-top: -3px; | margin-top: -3px; | ||
- | -webkit-transform: rotate(45deg); | + | -webkit-transform: rotate(-45deg); |
- | transform: rotate(45deg); | + | transform: rotate(-45deg); |
} | } | ||
- | .accordion input:checked ~ div | + | .accordion input:checked ~ div { |
height:auto; | height:auto; | ||
border-bottom: 1px solid #ccc; | border-bottom: 1px solid #ccc; |
Revision as of 17:59, 21 September 2014