文字超出换行应该是大家项目中高频的css样式了，它也是非常容易出现样式bug的一个地方。 分享一下我工作中遇到的问题。前几天开发代码的时候，突然收到两个测试提的bug：

对角线分辨率除以屏幕尺寸：2203/5≈440dpi。 ppi：pixels per inch，屏幕上每英寸可以显示的像素点的数量，即屏幕像素密度。 dpi：dots per inch，最初用于衡量打印物上每英寸的点数密度，就是打印机可以在一英寸内打多少个点。当dpi的概念用在…

移动端页面的踩坑总结： 1、解决手机上点击按钮的时候出现默认蓝色背景 2、隐藏微信浏览器的滚动条 3、行数展示控制 4、图片的不高清，可以通过更换图片来解决，也可加入下方代码，可以让图片更加清晰一点

本期下午茶看点： 10个常见的使用场景，助你从 Vue2 丝滑过渡到 Vue3 !、 WebRTC 从实战到未来！迎接风口，前端必学的技术🔥、 Gradle 都做了哪些缓存？...

为边框加上动画效果，往往会让交互显得更加友好。其中，background-origin 和 background-clip 的区别要注意区分~

用css实现五彩斑斓的“呼吸字”，不仅颜色渐变、还有呼吸的感觉，爱了爱了，代码拿走即用，用于小细节装杯，挺好~~

最近，在 CodePen 上看到这样一个非常有意思的效果： 这个效果的核心难点在于气泡的一种特殊融合效果。 其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG

最近关注了油管上的 CSS Animation Effects Tutorial 系列，里面介绍了非常多有意思的 CSS 动效。其中第一个就是很酷炫的霓虹灯效果，这里就实现思路做一个简单的记录和分享。

CSS是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。举个例子，笔者平时热爱看番，每看到有意思的场景画面总会下意识地记录下来，这对动画创作会非…