selector{ opacity: 0; pointer-events: none; transition: all 0.3s ease-in-out; --h: var(--min-height); } selector.showing{ opacity: 1; pointer-events: auto; } selector .elementor-widget-icon-list ul li{ opacity: 0; transform: translateY(30px) scaleY(1.1) skewY(10deg); } selector.showing .elementor-widget-icon-list ul li{ opacity: 1; transform: none; transition: all 0.5s ease-in-out calc(0.2s + var(--index,1)*0.1s); } selector .mdw-menu-right, selector .mdw-menu-close{ opacity: 0; } selector.showing .mdw-menu-right, selector.showing .mdw-menu-close{ opacity: 1; transition: all 0.5s ease-in-out 0.3s; } .mdw-menu-open, .mdw-menu-close{ cursor: pointer; }