啊不知不觉又到深夜了，有句话说：时间就像胸，挤挤就有了，躺下就没了。趁着还没躺下，赶紧把今天的更文给搞定~ 今天主要是想分享一个纯css实现的文字被颜色逐渐填满变化的效果，这个一个很炫酷的效果

今天准备给个人博客的时间线页面添加一个动态打字的效果，之前的打字机效果我一直用JS实现的，不过今天我打算来尝试一下用css实现打字机的效果。

又到了下班后更文的时刻了，有句话怎么说来说，只要你每天坚持学习，最终胜利属于一定是 —— 在考场上发挥好的人~ 哈哈哈，这么说来，只要我每天坚持更文，最后的大奖一定属于 —— 抽奖中幸运的人。

今天领导开会时说努力工作会更快成熟，比如大冰块同学就比起刚进公司时就成熟了不少，我若有所思，上卫生间时照照镜子才发现，哦~原来我现在看上去比他们都老...

不知道小伙伴们有没有注意过这样一个细节，有的应用按钮，链接，可交互的卡片点击起来十分有感觉，而有的却像是点在白纸上了一样，这里作者分享一种增强交互体验的方案，基于Vue3自定义指令的水波点击反馈效果

效果（源码在最后）： 这个效果跟水波加载动画 html+css是异曲同工之妙的。效果不难实现，但是这个‘偷天换日’的用法是值得学习的。 实现： 1. 定义标签，.container是底层盒子也就是电池

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收

收集于平时常用但易忘的CSS实现方法，如有遗漏或补充，还请指正！解决inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移超出部分显示省略号css实现不换行、自动换

在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 首先，碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩，可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…