利用伪元素和scale缩放,例如border:

.btn{
	position: relative;
	
	&::before {
		content: " ";
			position: absolute;
			top: 0;
			left: 0;
			width: 200%;
			height: 200%;
			border: 1px solid #d4a965;
			border-radius: 80rpx;
			transform-origin: 0 0;
			transform: scale(0.5);
		}
}

注:scale缩放时会将间距也缩放

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐