собсна:
section.about-fs(@mousemove="rhombAnim")
div.about-rhombuse__item.about-rhombuse__anim(
v-for="(anim, index) in 5"
:class="'about-rhombuse__anim_' + (index + 1)"
:style="rhombValue"
)
div.content-wrap
div.about-rhombuse__item.about-rhombuse__anim(
v-for="(anim, index) in 5"
:class="'about-rhombuse__anim_' + (index + 6)"
:style="rhombValue"
)
data() {
return {
rhombValue: {}
}
},
methods: {
rhombAnim(e) {
const pageX = e.clientX,
pageY = e.clientY
this.rhombValue = {
transform: "rotate(90deg) translateX(" + pageX/60 + "%) translateY(" + pageY/45 + "%)"
}
}
}