跳至主要内容

[JS30] Day05: Flex Panel Image Gallery

使用 CSS Flex

關於 CSS Flex 使用的筆記 @ PJCHENder EverNote

Flex 是可以嵌套的,也就是 flex container 可以同時是其他 flex containerflex item

綁定多個要監聽事件的元素

使用 document.querySelectorAll('') 來選擇多個符合 css 選擇器的元素:

const panels = document.querySelectorAll('.panel');

一次對多個元素綁定監聽事件

panel.addEventListener('transitionend', (e) => {
console.log(e);
});

完成作品

Day05: Flex Panel Image Gallery