korbs/butterflyvu
1
0
Fork 0
mirror of https://ark.sudovanilla.org/Korbs/butterflyvu.git synced 2024-12-22 23:33:54 +00:00
Code Issues Activity

Add Image component

Browse source
This commit is contained in:
Korbs 2024-12-12 17:49:50 -05:00
parent 9ed2a54ffc
commit 84dec24e1d
1 changed files with 17 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/components/Image.astro Normal file
View file

@ -0,0 +1,17 @@
---
// Properties
const {
Source,
Alt
} = Astro.props
---
<img
src={Source}
alt={Alt}
onload="this.style.transition = '1s opacity'; this.style.opacity = '1'"
/>
<!-- Once the image is done loading, instead of cutting in, try to fade in instead. -->
<!-- See the `onload` script in the image tag. -->
<style>img {opacity: 0}</style>