HTML+CSS+JS实现3D爱心跳动特效

java李杨勇

已于 2022-11-07 10:10:43 修改

阅读量1.9w

点赞数 83

分类专栏： H5+CSS网页特效实战文章标签： css html5 3D爱心跳动特效 HTML5大作业

于 2021-09-03 14:46:29 首次发布

本文链接：https://blog.csdn.net/weixin_39709134/article/details/120081574

版权

H5+CSS网页特效实战专栏收录该内容

110 篇文章 496 订阅

订阅专栏

🍅 作者主页：Java李杨勇

🍅 简介：Java领域优质创作者🏆、Java李阳勇公号作者✌ 简历模板、学习资料、面试题库、技术互助【关注我，都给你】

🍅 欢迎点赞 👍 收藏 ⭐留言 📝

效果演示： 文末获取源码联系方式

代码目录：

主要代码实现：

css样式：

body {
    background: #000;
    overflow: hidden;
    margin: 0;
}

html :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Beating heart ❤</title>

    <link rel="stylesheet" href="css/style.css">

</head>

<body>

    <script src='js/three.min.js'></script>
    <script src='js/MeshSurfaceSampler.js'></script>
    <script src='js/TrackballControls.js'></script>
    <script src='js/simplex-noise.js'></script>
    <script src='js/OBJLoader.js'></script>
    <script src='js/gsap.min.js'></script>
    <script src="js/script.js"></script>

</body>

</html>

js文件在上面截图可以看到需要引进来。