This carousel/slider is accessible following WCAG guidelines (https://www.w3.org/WAI/tutorials/carousels/structure/). The slider works with mobile device swipe events, and is built with plain JavaScript.
Image swap transition (JS)
No-Library (pure JS), HTML, CSS, JavaScript
Dark mode/Light mode svg
Use Resize Observer to add row class to list items for better control
JavaScript new intersection observer animation function testing
Demo of morphing clip-path in menu drop-down
JS Function to get contents of SVG and add to HTML wrapper
ADA/WCAG Link Design Exploration
Planet test
Grid Example
CSS plus to minus morph
Add class to link depending on phone
How to style the arrow in an html select element. Works with IE11, chrome, firefox.