Here are 20 things you can replace JavaScript with CSS, using its advanced capabilities such as animations, selectors, pseudo-elements and transitions:

Animated Hamburger Menu: Use CSS :checked and transitions to animate the opening and closing of the menu.

Tooltip: Use :hover and ::after to create and style tooltips without JS.

Accordion: By combining input:checked and label with CSS display and height, you can make a functional accordion.

Dropdown Menu: Use :hover or :focus-within to show and hide Submenus.

Tabs: With input:checked and display, you can switch content in tabs.

If you are interested in more options, click on the following link: https://chat-to.dev/post?id=700