Add 3D Animated Visual Effects To Elements – wraparound.js

Preview:

Description:

wraparound.js is a JavaScript library that adds an interactive 3D animated visual effect to elements. Can be used to highlight subheadings in different sections of the page.

How to use it:

1. Add the wraparound.css and wraparound.js to the page.

<link rel="stylesheet" href="wraparound.css" />
<script src="wraparound.js"></script>

2. Add the CSS class ‘wraparound’ to the target element and the library will do the rest.

<h2 class="wraparound">
  Title
</h2>