css实现锥形渐变背景的图像剪辑效果代码
代码语言:html
所属分类:布局界面
代码描述: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