文章来源:https://www.toymoban.com/news/detail-782623.html
文章来源地址https://www.toymoban.com/news/detail-782623.html
<template>
<view class="c" :style="{top:elementStyle.top , left:elementStyle.left} ">
<view class="drop drop1"></view>
</view>
</template>
<script setup>
import {
onMounted,
ref
} from 'vue';
const elementStyle = ref({
top: '300px',
left: '500px'
})
onMounted(() => {
// 获取需要跟随鼠标移动的元素
const followMouseElement = ''
// 监听鼠标移动事件
document.addEventListener('mousemove', (event) => {
// 获取鼠标相对于页面的位置
const left = event.pageX + 'px';
const top = event.pageY + 'px';
elementStyle.value = {
top,
left
}
// co
到了这里,关于CSS 水滴效果的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!