CSS实现盖章效果

项目开发中,总会碰到前端盖章的需求。一般都是通过定位实现的。如下:

学至分享
2024.01.29 18:00:01

虽然实现了,但不自然,总是看起来像假的。其实只需要加一个属性即可,如下代码:

--
	-- ---------
-

下面的效果就好多了。

学至分享
2024.01.29 18:00:01

本示例源码

-- --
---
	---
		-- ------
		----------
		---
			--
				-- --
				-- ---
				-- ---
				-- --
				-- --
				-- --
				-- --
				-- --
			-
			- --
				-- ---
				-- --
			-
			- --
				-- ---
			-
			- --
				-- --
				-- ---
				-- ---
				-- ----- ----
				-- --
				-- ---
				-- ---
				-- --
			-
		---
	---
	---
		-- ------
			-- -------------
			-- ---------------- -----------
			-- ----- -----
		---
	---
---