Col Anim 2
.collapsible-block-unfolded .collapsible-block-content { display:block!important; visibility: visible; } .collapsible-block-unfolded[style="display: none;"] { display:block!important; visibility: hidden; } .collapsible-block-unfolded[style="display: none;"] .collapsible-block-unfolded-link { height:0; } .collapsible-block-unfolded:not([style="display: none;"]) .collapsible-block-content { opacity:0; max-height:0; animation: appear 3s linear both; } .collapsible-block-unfolded[style="display: none;"] .collapsible-block-content { opacity:1; max-height:99999rem; animation: disappear 2s linear both; } .collapsible-block-unfolded[style="display: none;"] .collapsible-block-content * { animation: disappear 2s linear both; } @keyframes appear { 50% { opacity:0.7; max-height: 20rem; } 60% { max-height: 100rem; } 100% { opacity:1; max-height:99999rem; } } @keyframes disappear { 0% { opacity:1; max-height:99999rem; } 5% { max-height:20rem; } 35% { opacity:0; max-height:0; margin: 0; padding: 0; } 100% { opacity:0; max-height:0; margin: 0; padding: 0; } }
ページリビジョン: 26, 最終更新: 03 May 2023 06:27