本尊71502

文章涉及的内容可能不全面，但量很多，需要慢慢看。来源于各个地方，我花了很长的时间整理，希望对大家有帮助。但是难免会有打字的错误或理解的错误，希望发现的可以邮箱告诉我236490794@qq.com，我会及时的进行修改，旨在能帮到大家，谢谢。 意义：根据内容的结构化（内容语义化）…

觉得既有趣，又有启发，这里记录分享一下。 我们可以从相反的角度来思考，先回答什么叫不随机。 从图上可以看出红绿蓝这三种颜色，每隔六次就整体重复一遍。 上图是我使用 CSS 实现并截图的。这里仔细看一下源码： 因为 1、2、3的最小公倍数是 6，所以颜色分布规律的周期是 6。 这…

这篇文章绝对不是对任何一个曾经和我共事过的人的批判，仅仅是我最近在做一些个人研究的时候学到的关于 CSS 的一些要点。 有很多开发者并不怎么关注 CSS，我想这已经不是什么新鲜事了。通过网上的各种对话，或者与朋友和同事聊天的时候你都可以观察到这个现象。 然而，在社区中，我们学到…

作为一名前端工程师，每天的清晨，你走进公司的大门，回味着前台妹子的笑容，摘下耳机，泡上一杯茶，打开 Terminal 进入对应的项目目录下，然后 npm run start / dev 或者 yarn start / dev 就开始了一天的工作。 当你需要进行时间的转换只需要使…

比如下图中，有的列表项的文字短，有的文字长。 需求是：希望文字长的部分能通过动画滚动显示。 我的第一反应是用纯 CSS 做不了。 其中涉及了一些有趣 CSS 知识点，在这里分享一下。 1. 如何让文字溢出容器？ work-break 属性是用来处理文字如何换行的，这里使用了不太…

最近突然回想到之前看过的一个动画，是一个正方体向球体表示爱意，被拒绝，改变自己的小动画。 1. 导演上场 这个动画中存在镜头转换，所以我们需要一个导演把控全局，写个简单效果进行测试。 测试完成。 2. 猪脚 cube 登场 龙套们退场，猪脚登场。 这样猪脚看起来还是眉清目秀的。…

因为我未搭建个人服务器。截几张图给大家看看效果我做的效果（大部分是和原来的一样）。可能一部分人已经见过这个经典动画了。（这里是原项目地址：https://threejs.org/examples/css3d_periodictable.html） 除了优化了原来的HELIX和G…