Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

atropos

nolimits4web11.9kMIT2.0.2TypeScript support: included

Touch-friendly 3D parallax hover effects

atropos, effect, parallax, hover, 3d, react, javascript, portfolio, gallery, showcase

readme

Atropos

Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects. Available for JavaScript, React and as a Web Component

Getting Started

changelog

Changelog

2.0.2 (2023-07-04)

Bug Fixes

  • types: add compatibility with old resolver (e1d24e9), closes #41

Features

  • element: fallback where adoptedStyleSheets is not supported (f5a472e)

2.0.1 (2023-06-27)

Features

  • add Atropos web component (cef009b)
  • add element types + refactor package structure (57108fa)
  • remove Vue and Svelte components (#40) (9850bf7)

1.0.2 (2022-02-17)

Bug Fixes

  • svelte: unknown file extension ".svelte" (dae9ad3)
  • add variable for linux (f0f9c38)

1.0.1 (2021-10-18)

  • new alwaysActive parameter to keep Atropos "activated"/"entered" all the time
  • new stretchZ parameter to set translateZ offset for multiple Atropos elements in same container (with same eventsEl)
  • new commonOrigin parameter for multiple Atropos elements in same container (with same eventsEl)
  • remove rotateLock functionality in favor of new smooth rotation (0ba0d06)
    • removed durationEnter parameter
    • removed durationLeave parameter
    • removed rotateLock parameter
    • added single duration parameter (defaults to 300)

1.0.0-beta.2 (2021-10-15)

Features

  • "always active" functionality, stretchZ and commonOrigin (78c177c)
    • new alwaysActive parameter to keep Atropos "activated"/"entered" all the time
    • new stretchZ parameter to set translateZ offset for multiple Atropos elements in same container (with same eventsEl)
    • new commonOrigin parameter for multiple Atropos elements in same container (with same eventsEl)

1.0.0-beta.1 (2021-10-15)

Features

  • remove rotateLock functionality in favor of new smooth rotation (0ba0d06)
    • removed durationEnter parameter
    • removed durationLeave parameter
    • removed rotateLock parameter
    • added single duration parameter (defaults to 300)

0.11.2 (2021-10-15)

Bug Fixes

  • reset eventsEl bounding rect on pointer leave (ce09fdb)

0.11.1 (2021-10-15)

Bug Fixes

  • react: add stretchX and stretchY props (5d06bd9)

0.11.0 (2021-10-15)

Features

  • transform based on eventsEl (if specified) + stretchX/Y parameters (b5c59c7)

0.10.1 (2021-10-12)

Bug Fixes

  • svelte: add default value for class prop (2d05998)

0.10.0 (2021-10-12)

Features

  • Atropos Svelte component (4efc4b3), closes #6

0.9.6 (2021-09-28)

Bug Fixes

  • add missing styles from SCSS (8c17306)

0.9.5 (2021-09-28)

Features

  • rotateTouch now accepts scroll-x and scroll-y values to keep scrolling on touchscreens (c13dfb7)

0.9.4 (2021-09-24)

Bug Fixes

[0.9.3] (2021-07-12)

Initial release