jquery实现可变色的便签管理系统-html代码-BFW代码库

jquery实现可变色的便签管理系统

代码语言：html

所属分类：其他

代码描述：jquery实现可变色的便签管理系统

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="http://repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css">
    <style>
@import url('https://fonts.googleapis.com/css?family=Handlee');
        *
        {
            box-sizing: border-box;
        }
        body
        {
            background-color: #1c1d24;
            /* 	background-image: url('https://images.pexels.com/photos/1352751/pexels-photo-1352751.jpeg'); */
            background-size: cover;
            background-repeat: no-repeat;
            background-blend-mode: multiply;
        }
        .noteHolder {
            position: fixed;
            display: inline-block;
            width: 12em;
            height: 12em;
            font-family: 'Handlee', cursive;
            margin: 15px;
            cursor: all-scroll;
            z-index: 600;
            overflow: hidden;
            /* 	box-shadow: 0px 0px 10px 2px #00000010; */
        }
        .noteHolder input[type="checkbox"] {
            position: absolute;
            z-index: 0;
            width: 12em;
            height: 12em;
            opacity: 0;
            cursor: pointer;
            marign: 0;
            padding: 0;
        }
        .note {
            position: relative;
            width: 100%;
            height: 100%;
            color: #4c4e67;
            background: #f1e000;
            overflow: hidden;
            padding: 0;
            font-size: 16px;
        }

        .note:before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            border-width: 0 16px 16px 0;
            border-style: solid;
            border-color: #fff0 #fff0 #ffffff.........完整代码请登录后点击上方下载按钮下载查看