???? 作者主页:Java李杨勇
???? 简介:Java领域优质创作者????、【java李杨勇】公号作者✌ 简历模板、学习资料、面试题库、技术互助【关注我,都给你】
???? 欢迎点赞 ???? 收藏 ⭐留言 ????
效果演示: 文末获取源码
代码目录:
主要代码实现:
CSS样式:
* {
margin: 0;
}
body {
background-image: linear-gradient(200deg, #a12580 0%, #4620ad 40%, #5406b9 60%, #a12580 100%);
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
HTML代码 :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>透明的等离子球ui特效</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<canvas id="canvas"></canvas>
<script src="js/script.js"></script>
</body>
</html>
上面的script.js需要引入
源码获取
打卡 文章 更新 48 / 100天