Skip to content

🎈 Live shadows based on device orientation for your web page, easy as a swish and a flick

License

Notifications You must be signed in to change notification settings

brettjbush/leviosa

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

leviosa

NOTE: This library is currently not functioning on the Safari Browser of iOS devices.

Enchant HTML elements with dynamic, device orientation based shadows, easy as a swish and a flick

Simply add the leviosa class to your elements and watch as your HTML elements float above the background when you tilt around your device.

<head>
  ...
  <link rel="stylesheet" href="leviosa.css">
  ...
</head>
<body>
  ...
  <div class="leviosa">
    ...
  </div>
  ...
  <script type="text/javascript" src="leviosa.js"></script>
</body>

About

🎈 Live shadows based on device orientation for your web page, easy as a swish and a flick

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published