彩色圆点气泡跟随 鼠标光标动画特效
效果图如下:
泡泡会根据鼠标的移动在鼠标下方会生成泡泡 然后缓缓上升。
可以父子以下代码看一下实际效果。
1、下面是HTML结构
HTML结构很简单,主要是靠css和一点js去实现
<body>
<div>
光标移动查看
</div>
<!-- <span></span> -->
<script src="script.js" ></script>
</body>
2、下面是css代码
* {
margin: 0;
padding: 0;
}
body {
background-color: #55b9f3;
overflow: hidden;
}
div {
height: 100vh;
display: flex