css实现锥形渐变背景的图像剪辑效果代码

代码语言:html

所属分类:布局界面

代码描述:css实现锥形渐变背景的图像剪辑效果代码

代码标签: css 锥形 渐变 背景 图像 剪辑

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  

  
<style>
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
body {
	min-height: 100vh;
	display: grid;
	place-items: center;
	background-image: conic-gradient(
		from 90deg at 60% 60%,
		violet,
		magenta,
		orange,
		dodgerblue,
		yellow,
		green,
		violet
	);
}
main {
	width: 90vmin;
	height: 25em;
	border-radius: 2em;
	box-shadow: 0 0 30px -3px rgba(0 0 0 / 0.5);
	position: relative;
}
img {
	width: 100%;
	height: .........完整代码请登录后点击上方下载按钮下载查看

网友评论0