纯css实现优惠券效果
代码语言:html
所属分类:其他
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>BFW NEW PAGE</title> <style> .demo { width: 410px; margin: 0 auto; } .stamp * { padding: 0; margin: 0; list-style: none; font-family: "Microsoft YaHei", 'Source Code Pro', Menlo, Consolas, Monaco, monospace; } .stamp { width: 387px; height: 140px; padding: 0 10px; margin-bottom: 50px; position: relative; overflow: hidden; } .stamp:before { content: ''; position: absolute; top: 0; bottom: 0; left: 10px; right: 10px; z-index: -1; } .stamp i { position: absolute; left: 20%; top: 45px; height: 190px; width: 390px; background-color: rgba(255, 255, 255, .15); transform: rotate(-30deg); } .stamp .par { float: left; padding: 16px 15px; width: 220px; b.........完整代码请登录后点击上方下载按钮下载查看
网友评论0