thiscodeWorks - Organizing the best of code online

Snippets Collections

Recent | Popular

List view

#scroll #animations #view-switch

On-Scroll Animations & View Switch

https://tympanus.net/Development/OnScrollViewSwitch/

#pop-out #image #scrollers #css #animations

Pop out image scrollers with CSS scroll-driven animations 🤙

https://codepen.io/jh3y/pen/abPgrGR

#css #open-props #animations

Open Props: sub-atomic styles

.loaded {
  animation: var(--animation-fade-in) forwards;
}

.actionsheet {
  animation: var(--animation-slide-out-down) forwards;

  &.open {
    animation: var(--animation-slide-in-up) forwards;
  }
}

.alert {
  animation: var(--animation-blink);
}

On-Scroll Animations & View Switch

Pop out image scrollers with CSS scroll-driven animations 🤙

Open Props: sub-atomic styles

Save snippets that work with our extensions