Svelte-moving-div

A moving component for svelte js

REPL Example

Check the basic REPL example.

Installation

npm install svelte-moving-div

Getting started

<script>
	// Example of svelte-moving-div component.
	// After 'npm install svelte-moving-div' you can use it :
	import MovingDiv from 'svelte-moving-div';
</script>

<MovingDiv>
	<h1>Hello World !</h1>
</MovingDiv>

<style>
	/* Bigger margin */
	:global(.moving-div) {
		padding: 2rem 5rem
	}
	
	/* Custom transition speed */
	:global(.moving-div > .inner-div) {
		transition: transform .25s!important
	}
</style>

:stars: Show Your Support

Please give a :star: if this project helped you!

:scroll: License

MIT © Alexandre Negrel