0
点赞
收藏
分享

微信扫一扫

HTML+CSS+JS实现 ❤️透明等离子球ui特效❤️



???? 作者主页:Java李杨勇 

???? 简介:Java领域优质创作者????、【java李杨勇】公号作者✌  简历模板、学习资料、面试题库、技术互助【关注我,都给你】

???? 欢迎点赞 ???? 收藏 ⭐留言 ????   



效果演示: 文末获取源码 


 代码目录:


HTML+CSS+JS实现 ❤️透明等离子球ui特效❤️_HTML5前端大作业_02


主要代码实现:


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天


举报

相关推荐

0 条评论