使用Emscripten编译Eigen算法模块为WebAssembly

最新推荐文章于 2024-05-20 16:37:37 发布

VIP文章前端开发小陈

最新推荐文章于 2024-05-20 16:37:37 发布

阅读量481

点赞数

文章标签： wasm css css3

本文链接：https://blog.csdn.net/weixin_53312997/article/details/128036822

版权

前言

最近大降温，才意识到秋天是真的来了。古人有诗云：“眉如青山黛，眼似秋波横。”这足以说明秋天的水是多么的浪漫、多情、温柔。

秋天都懂得浪漫，你天天被人说木讷，何不做点改变？今天我来教大家属于程序员的浪漫——使用 CSS 搭配 JS 实现爱心跟随鼠标发散效果。

首先当然要将我们的文字添加上去啦。

<body><div id="text">CatWatermelon</div>
</body>

很简单是不是，这才开始呢，我们接下来绘制背景先。

首先老规矩，我们将 CSS 样式重置 ，方便各个浏览器统一展示效果。

* {margin: 0;padding: 0;box-sizing: border-box;
}

ps：大家开发的时候可不敢这么写，要不代码是上午写的，桶是下午提的了。

接下来通过添加 min-height: 100vh 属性，将 body 限制为 视口大小 且通过 overflow: hidden 来将 超出部分隐藏 。

body {min-height: 100vh;background-color: #111;overflow: hidden;display: flex;justify-content: center;align-items: center;
}

注意这里用了 flex 布局实现了 水平垂直居中。小伙伴们平时喜欢什么方式来实现这个效果呢？

我们开始正戏前，先看看目前的效果：

没啥问题，也不该有啥问题，可以接着走了。

这部分我们需要思考三个问题。

关注