Скрыть ребенка внутри родителей div и показать за пределами

Question

Есть ли способ скрыть ребенка внутри родителя и показать после того, как он бежал от div ?? Я использую anymation, transform - translate from (100%, 0) to (0,0), но во время перемещения этот div перекрывает родительский div .. и я не могу использовать z-index из-за child. Ребенок не может подняться в верхнем слое, а затем в парижском ... так есть ли другой способ? Как показать ребенка только из родительского div?

творю динамическое меню с anymation, и я хочу, после нажатия ссылки шоу SubMenu только рядом с

Answer 1

вы хотите что-то вроде этого? использовать overflow:hidden на parent или если вы хотите child быть видимым использование overflow:visible

вы можете установить animation вместо этого. он все еще работает как пример ниже

дайте мне знать, если это помогает

.parent { 
 
width:100px; 
 
height:100px; 
 
border:2px solid black; 
 
overflow:hidden; 
 
} 
 
.child { 
 
    width:100px; 
 
    height:96px; 
 
    border:2px solid red; 
 
    opacity:0; 
 
    transition:0.5s; 
 
    
 
} 
 
.parent:hover .child { 
 
    transform:translateX(30px); 
 
    opacity:1; 
 
    }

<div class="parent"> 
 
<div class="child"> 
 

 
</div> 
 
</div>