background-image « 张鑫旭-鑫空间-鑫生活

文章关键字 ‘background-image’

2020年10月24日，星期六

图片加载失败最佳实践封面图

图片加载失败的默认UI是比较丑陋的，因为前端开发会使用出错图进行替换，但是这种做法会隐藏图像的内容信息，有没有什么办法在CSS样式美化同时显示图像的信息呢？本文就介绍我摸索出来的应对此场景的最佳实践技巧，希望可以对您的工作与学习带来帮助。

2020年10月20日，星期二

本文介绍一种非常实用的技术，借助SVG让普通的text文字可以直接作为CSS背景图，方便实现很多的布局与样式效果。本文还提供转换工具和多个实时渲染的精彩案例，保证可以让大家学到不少东西。

2020年08月6日，星期四

背景图片动画

在我以前的认知里，background-image是不能有动画或过渡效果的，但是，今天发现并不是这样的，CSS animation动画和transition过渡都可以触发A背景图到B背景图淡入淡出效果。

2020年07月6日，星期一

cross-fade背景图透明度降低

虽然CSS新特性非常多，但所有这些新特性，没有任何特性可以实现元素的背景图像半透明，但是元素中的文字内容依然不透明的效果，除了一个例外，那就是cross-fade()图像函数。

2019年11月17日，星期日

我们一起学习占位图

我们无法一起学习，但是我们可以一起谈恋爱。我们无法学习CSS image-set()，但是我们可以看唯我成幸和众妹子们一起学习CSS image-set()方法。