作者：悦然wordpress建站(悦然建站）
2025年07月13日
制作网页端时候，有时候，需要一个透明的小图片，作为占位符，当然可以做一个小的png图片，但还得保存为一个图片文件，维护很麻烦。
今天分享几个小的图片，无需保存文件，直接在任何地方使用，简单方便：
2025年07月13日
蜂鸟网作者：粉红小象
出自蜂鸟网-索尼，原贴链接：
https://m.fengniao.com/thread/10915071.html
#索尼大法好# 一清早在外滩拍摄 透明女仆的题材，
原因是 1.早上人比较少，受干扰较少
2.外滩这里的道路都是以东西向为主，在清晨日出后的半小时有非常出彩的阳光。
早晨的阳光非常漂亮 我就先利用它来拍摄逆光以及侧逆光的画面。 而我使用A9 85GM 不仅可以获得漂亮的虚化 还有在逆光时强大的对焦性能
2025年07月13日
本文将介绍一些利用 CSS 中的 background、mix-blend-mode、mask 及一些相关属性，制作一些稍微复杂、酷炫的背景。
通过本文，你将会了解到 CSS background 中更为强大的一些用法，并且学会利用 background 相关的一些属性，采用不同的方式，去创造更复杂的背景图案。在这个过程中，你会更好的掌握不同的渐变技巧，更深层次的理解各种不同的渐变。
同时，借助强大的 CSS-Doodle，你将学会如何运用一套规则，快速创建大量不同的随机图案，感受 CSS 的强大，走进 CSS 的美。
2025年07月13日
1.使用场景：
在公司做的小程序，主要是提供线上购物使用。在购物车列表上，有这样一个场景，即当客人把衣服加购后一段时间，该衣服可能库存紧缺或是下架了，这时，我们需要在购物车项中，告诉客人该衣服已经下架，而不是让他下单结算时，才发现缺货。
因此，我需要做一个功能 ，在购物车上显示缺货样式。比如象如下界面：
2025年07月13日
当我们想给一个矩形或者其他能用border-radius生成的形状加投影时，box-shadow的表现都很棒的。但是，当元素添加可一些伪元素或半透明的装饰之后，border-radius会无视这些。
这是原本的图形：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
position: relative;
display: inline-flex;
flex-direction: column;
justify-content: center;
vertical-align: bottom;
box-sizing: border-box;
width: 5.9em;
height: 5.2em;
margin: .6em;
background: #fb3;
font: 200%/1.6 Baskerville, Palatino, serif;
text-align: center;
}
.speech{
border-radius: .3em;
}
.speech:before{
content: '';
position: absolute;
top: 1em;
right: -.7em;
width: 0;
height: 0;
border: 1em solid transparent;
border-left-color: #fb3;
border-right-width: 0;
}
.dotted{
background: transparent;
border: .3em dotted #fb3;
}
.cutout {
border: .5em solid #58a;
border-image: 1 url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg"\
width="3" height="3" fill="%23fb3">\
<polygon points="0,1 1,0 2,0 3,1 3,2 2,3 1,3 0,2"/>\
</svg>');
background-clip: padding-box;
}
</style>
</head>
<body>
<div class="speech">Speech bubble</div>
<div class="dotted">Dotted border</div>
<div class="cutout">Cutout corners</div>
</body>
</html>