先上效果图，这个动画相信大家在很多地方见过。可能样式稍有不同，但大体一致。原作者不知是谁，看着还是挺炫酷的，话不多说，下面开始。 使用TypeScript开发（自己的ts练习项目）。live-server作为开发服务器，一切从简。 不会TS的同学也不用担心。ts代码很少。不影响…

我正在参加中秋创意投稿大赛，详情请看：中秋创意投稿大赛 大佬们各显神通，绘制的月亮和动画一个比一个漂亮，特来学习一下，相关参考链接留在文章底部。 圆月基调 月亮是晚上出现的，所以背景自然是黑色。 画圆

在掘金看到一篇three.js开发汽车展示厅的教程，就动手用vue3实现一个，模型上sketchFab上找的特斯拉模型,ui操作用vue 实现，three的基本概念在掘金也很多，就不多说了。废话少说

CSS水波纹实现，使用了border-radius属性，构造一个接近圆的不规则图形，然后使用动画，让其绕Z轴不断旋转，以达到一种波浪运动的视觉效果。

开门见山，有这样一种非常常见的情况，对于一些可滚动的元素而言。通常在滚动的时候会给垂直于滚动的一侧添加一个阴影，用于表明当前有元素被滚动给该滚出了可视区域，类似这样： 对于两侧的列在滚动的过程中，静止不动，吸附在边界的问题，通常 CSS 使用 position: sticky …

用户的注意力在产品的核心用户体验上。

今天的文章，我们总结了7个简单直观的改善网页视觉效果且能提升高级感的小技巧。很实际，也很实用，希望你们能喜欢。

有些时候产品会有这么个需求，希望给文章或者帖子给一个摘要，最多3行，或者其它行数，超出3行会补上'...'。当然这种很简单，用css可以搞定。但是遇上要求多点的产品，希望补上的是'...查看全文'，这样的话就难办了。 我也在网上查了很多，至少我没发现有一个比较好的解决方案，也参…