摘要：
加载失败的图片会很难看。 但事实上并不总是一定要这样。我们可以用 CSS 在 <img> 标签上应用样式，来提供比默认情况更好的体验。 两个关于 <img> 元素的真相 为了搞懂怎么样才能美化加载失败的图片，我们需要先了解关于 <img> 元素的两种表现方式。 1. 我们可以在 <img> 元素上应 阅读全文
摘要：
在写项目的时候，会经常遇到这种需求，如图： 背景半透明，文字正常显示你看到之后会有什么样的解决方案呢？思考一会儿。假设你思考了，可以看看和我的方法的区别，对比一下优劣，相互交流一下。 有的童鞋可能会随口说出opacity:50%; 这种可能会遇到坑哦；而opacity的坑主要在于按照上边的HTML代 阅读全文
摘要：
前言：这是最近翻译的一篇文章 我在header标签开头忘里边加入一个span标签的时候，有一点小问题。我总是想确保在span标签之前能够换行。明确地讲，在标签前边加入<br> 并没有什么错误。（事实上这是非常有用的办法）。但是用HTML标签实现这个效果总让人觉得怪怪的。 所以让我们探索更多的可能。 阅读全文
摘要：
今天在项目中遇到图片居中的问题，嗯，之前也有写过解决这个问题的文章，有n种方法。不过今天要说一个新的方案：object-fit ，嗯，这个才是真的方便的方案啊。 先看预览： object-fit 只能用于『可替换元素』(replaced element) 。所谓可替换元素，是指元素的内容和表现不是由 阅读全文
摘要：
1、前几天看到Hexo的next主题标题hover效果很炫，自己尝试写了一个，另一个是next的实现，照例先上图 2、实现小黑科技 关键在于没有hover的时候定义width为0，这样可以实现宽度从0到100%的变化。 left为50%，目的是为了动画开始的位置是在50%的位置。 3、hexo ne 阅读全文