-
Day 1 Expanding CardsUDEMY/50 Projects In 50 Days - HTML, CSS & JS 2023. 11. 25. 23:43728x90반응형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'UDEMY > 50 Projects In 50 Days - HTML, CSS & JS' 카테고리의 다른 글
day6 Scroll Animation (0) 2023.11.27 day5 Blurry Loading (0) 2023.11.27 day4. hidden search bar (0) 2023.11.27 Day 3 Rotaitng navigation (2) 2023.11.26 Day 2 Progress Steps (0) 2023.11.26