css+单个div实现一个邮票戳效果代码

代码语言:html

所属分类:布局界面

代码描述:css+单个div实现一个邮票戳效果代码

代码标签: css 单个 div 邮票

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">



    <style>
        .stamp {
          width: 200px;
          height: 150px;
          padding: 20px;
          filter: grayscale(.4) drop-shadow(0 0 1px #0005) drop-shadow(0 0 1px #0005);
          background:
            linear-gradient(#005bbb 50%,#ffd500 0) 50% content-box,
            radial-gradient(10px,#0000 98%,#fff) round -15px -15px/30px 30px,
            linear-gradient(#fff 0 0)  no-repeat 50%/calc(100% - 30px) calc(100% - 3.........完整代码请登录后点击上方下载按钮下载查看

网友评论0