Skip to content
#svelte#atropos
Edit this snippet
Table of Contents

Svelte Atropos.js

How to use Atropos.js with svelte

Example

Component.svelte

<script>
	import 'atropos/atropos.css';
	import div from 'atropos';

	function atropos(node){
		div({
			el: node
		});
	}
</script>

<div class="atropos" use:atropos>
	<!-- scale container (required) -->
	<div class="atropos-scale">
		<!-- rotate container (required) -->
		<div class="atropos-rotate">
			<!-- inner container (required) -->
			<div class="atropos-inner">
				<p>Content</p>
			</div>
		</div>
	</div>
</div>

Related snippets