css实现购物袋背景效果代码
代码语言:html
所属分类:背景
代码描述: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