🚀  Astro — Full page transition overlay

This component relies on the good old browser router, still, it will give to your website an SPA feel, without all the JS overhead.

Components

Keywords:

  • astro
  • astro-component
  • transition
  • native
  • vanilla
  • raw
  • javascript
  • links
  • animation

🚀  Astro — Full page transition overlay

This component relies on the good old browser router, still, it will give to your website an SPA feel, without all the JS overhead.

📦  Installation

pnpm i @julian_cataldo/astro-transition

🛠  Usage

---
import TransitionOverlay from '@julian_cataldo/astro-transition/Overlay/TransitionOverlay.astro';
// ...
---
<!-- ... -->
<body>
  <!-- Place component just after opening BODY tag (mandatory) -->

  <!-- All properties are optional -->
  <TransitionOverlay speed={500} color='white' zIndex={99} />

  <!-- ... -->
</body>

LIVE DEMO  🎭  DOCUMENTATION WEBSITE ⎋

Live demo website

code.juliancataldo.com

🔗  JulianCataldo.com

TypeScript API

name
type
required
default
speed
number
false
500
background
string
false
'hsl(0, 0%, 100%)'
zIndex
number
false
99

Changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

0.11.2 (2022-07-24)

Note: Version bump only for package @julian_cataldo/astro-transition

0.11.1 (2022-07-18)

Note: Version bump only for package @julian_cataldo/astro-transition

0.11.0 (2022-06-28)

Features

  • better defaults properties (cc55aec)

0.10.15 (2022-06-26)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.14 (2022-06-25)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.13 (2022-06-23)

Bug Fixes

  • handle external and contact links (c62de26)

0.10.12 (2022-06-22)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.11 (2022-06-22)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.10 (2022-06-21)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.9 (2022-06-20)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.8 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.7 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.6 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.5 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.4 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.3 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.2 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.1 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.0 (2022-06-19)

Features

  • init app transition overlay component (0dcd58b)

Bug Fixes

  • z-index and speed default vars bindings (6e7e3fe)
...