JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//unpkg.com/bootstrap@next/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.css">
<script src="//unpkg.com/vue@latest/dist/vue.min.js"></script>
<script src="//unpkg.com/tether@latest/dist/js/tether.min.js"></script>
<script src="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.js"></script>
<div id="app" class="text-center" :style="{'padding-top':p+'px'}">
  <b-tooltip content="Online!" show>
    <b-btn variant="outline-success">Hey</b-btn>
  </b-tooltip>
</div>

CSS

#app {
  margin-top: 50px;
}

JavaScript

window.onload = function() {new Vue({el:'#app',
data: {
    p: 10
},
mounted() {
      setInterval(()=>{
        this.p+=1;
	if(this.p > 200) this.p =0;
      },10)
}})}