css实现购物袋背景效果代码

代码语言:html

所属分类:背景

代码描述:css实现购物袋背景效果代码

代码标签: css 购物袋 背景

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

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

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

  
  
<style>
#treat {
  width: 100%;
  height: 100vh;
  font-size: 75px;
  background: conic-gradient(from 0deg at 92% 2%, #ffd700 0% 25%, rgba(255,215,0,0) 0%) -1.3em 0.33em, conic-gradient(from 0deg at 92% 2%, #ffd700 0% 25%, rgba(255,215,0,0) 0%) 2.15em 0.33em, radial-gradient(circle at 50% 0, rgba(255,215,0,0) 11.8%, #ffd700 11.9%, #ffd700 13.5%, rgba(255,215,0,0) 13.6%) -0.73em 0.37em, conic-gradient(from 0deg at 92% 2%, #ffd700 0% 25%, rgba(255,215,0,0) 0%) 1.11em 1.9em, conic-gradient(from 0deg at 92% 2%, #ffd700 0% 25%, rgba(255,215,0,0) 0%) 1.95em 1.9em, radial-gradient(circle at 50% 0, rgba(255,215,0,0) 11.8%, #ffd700 11.9%, #ffd700 13.5%, rgba(255,215,0,0) 13.6%) 0.37em 1.95em, conic-gradient(from 270deg at 55.5% 14%, #b71a1a 0% 17%, transparent 0%) -0.14em 2.701em, conic-gradient(from 90deg at 75.5% 86%, #b71a1a 0% 19%, transparent 0%) 0.011em 0, conic-gradient(from 270deg at 20% 14%, #700d0d 0% 25%, transparent 0%) 1.625em 2.701em, conic-gradient(from 90deg at 70% 14%, transparent 83%, #931515 0%) -0.11em 2.701em, radial-gradient(ellipse at 50% 105%, rgba(255,215,0,0) 10%, #ffd700 10.2%, #ffd700 14%, rgba(255,215,0,0) 14.2%) -1.11em 5.96em, radial-gradient(ellipse at 50% 105%, rgba(255,215,0,0) 10%, #ffd700 10.2%, #ffd700 14%, rgba(255,215,0,0) 14.2%) -0.72em 5.96em, conic-gradient(from 0deg at 94% 5%, #ffd700 0% 25%, rgba(255,215,0,0) 0%) -1.9em 2.6em, linear-gradient(-20deg, #ffd700 2.4%, rgba(255.........完整代码请登录后点击上方下载按钮下载查看

网友评论0