gsap实现鼠标悬浮跟随图标动画效果代码

代码语言:html

所属分类:悬停

代码描述:gsap实现鼠标悬浮跟随图标动画效果代码

代码标签: gsap 鼠标 悬浮 跟随 图标 动画

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <style>
        body {
	display:flex;
	height:100vh;
	overflow:hidden;
	justify-content:center;
	align-items:center;
	background:url(//repo.bfw.wiki/bfwrepo/image/625e10c281dc9.png) no-repeat center/cover
}
ul {
	padding:0
}
li {
	display:inline-block;
	list-style-type:none;
	margin:0 20px
}
li:nth-child(1) button {
	background:#F3FFBD
}
li:nth-child(2) button {
	background:#247BA0
}
li:nth-child(3) button {
	background:#FF1654
}
button {
.........完整代码请登录后点击上方下载按钮下载查看

网友评论0