This library is brilliant. It rounds the edges of practically any HTML element just like Apple does.
To install Bobatron into your project, simply include the script by specifying the file path.
<script type="text/javascript" src="Bobatron.js"></script>
To target a specific element, add the class bobatron to it.
<div class="bobatron">
...
</div>
To run the script, execute bobatron.scanner().
window.addEventListener("load", () => {
bobatron.scanner()
})
window.addEventListener("resize", () => {
bobatron.scanner()
})
Usually, bobatron.scanner() needs to be called immediately after the page loads, as well as every time the page size is updated.