Day 1 Expanding Cards

UDEMY/50 Projects In 50 Days - HTML, CSS & JS

Day 1 Expanding Cards

순댓국 2023. 11. 25. 23:43

728x90

SMALL

<DIV.CONTAINER>

<DIV.PANEL>

<H3>DESCRIPTION</H3>

</DIV.PANEL>

</DIV>

<body>
<DIV.CONTAINER>
   <DIV.PANEL>
      <H3>DESCRIPTION</H3>
   </DIV>
   <DIV.PANEL>
      <H3>DESCRIPTION</H3>
   </DIV>
   <DIV.PANEL>
      <H3>DESCRIPTION</H3>
   </DIV>
   <DIV.PANEL>
      <H3>DESCRIPTION</H3>
   </DIV>
   <DIV.PANEL>
      <H3>DESCRIPTION</H3>
   </DIV>
</DIV>
</body>

add active

remove active

used forEach

remover first then add it

how to make it bigger?

.panel.active {

flex: 5;

transition: opacity 0.3 ease-in 0.4s;

}

728x90

LIST