.animateTest .title[data-v-6eef8117]{margin-top:50px;position:relative}.animateTest .base[data-v-6eef8117]{width:100px;height:100px;display:inline-block;background-color:#0ea9ff;border-width:5px;border-style:solid;border-color:#5daf34;transition-property:width,height,background-color,border-width;transition-duration:2s;transition-timing-function:ease-in;transition-delay:.5s}.animateTest .base1[data-v-6eef8117]:hover{width:200px;height:200px;background-color:#5daf34;border-width:10px;border-color:#3a8ee6}.animateTest .base2[data-v-6eef8117]{transform:none;transition-property:transform}.animateTest .base2[data-v-6eef8117]:hover{transform:scale(.8,1.5) rotate(35deg) skew(5deg) translate(15px,25px)}.animateTest .base3[data-v-6eef8117]{border-radius:50%;transform:none;position:relative;width:100px;height:100px;background:linear-gradient(35deg,#cff,#fcc)}.animateTest .base3.active[data-v-6eef8117]{-webkit-animation-name:bounce-data-v-6eef8117;animation-name:bounce-data-v-6eef8117;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes bounce-data-v-6eef8117{0%{top:0}50%{top:249px;width:130px;height:70px}to{top:0}}@keyframes bounce-data-v-6eef8117{0%{top:0}50%{top:249px;width:130px;height:70px}to{top:0}}