jquery gradX dom-drag colorpicker渐变拖拽颜色选择生成代码器-html代码-BFW代码库

jquery gradX dom-drag colorpicker渐变拖拽颜色选择生成代码器

代码语言：html

所属分类：其他

代码描述：jquery gradX dom-drag colorpicker渐变拖拽颜色选择生成代码器

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

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/colorpicker.css">

    <style>
        *{ margin:0; padding:0;}
        body{}
        .targets {
        	margin:0 auto;
        	text-align: center;
        	border: 1px solid #ccc;
        	background: #f8f8f8;
        	margin: 0 auto;
        	border-radius: 4px;
        	width:auto;
        	padding:10px;
        }
        .target_text {
        	margin: 0px auto;
        	margin-top: 40%;
        	background: #f8f8f8;
        	width: 70px;
        	border: 1px solid #ddd;
        	padding: 2px;
        	border-radius: 2px;
        	color: #111;
        }
        .target {
        	border: 1px solid;
        	margin: 0px 10%;
        	width: 150px;
        	height: 150px;
        	display:inline-block;
        }
        #target {
        	border-radius: 150px;
        }
        .result {
        	text-align: center;
        	text-transform: uppercase;
        	font-weight: bold;
        	padding:12px;
        	padding-left: 15px;
        	margin: 10px 0px;
        	border: 1px solid #ddd;
        	background: #f8f8f8;
        }
        #gradX {
        	height: 200px;
        	margin: 100px 34%;
        }
        .gradx_hide {
        	display: none;
        }
        .gradx {
        	position: relative;
        	background: #FAFAFA;
        	background: -moz-linear-gradient(top, #FAFAFA 0%, #DFDFDF 100%);
        	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #DFDFDF));
        	background: -webkit-linear-gradient(top, #FAFAFA 0%, #DFDFDF 100%);
        	background: -o-linear-gradient(top, #FAFAFA 0%, #DFDFDF 100%);
        	background: -ms-linear-gradient(top, #FAFAFA 0%, #DFDFDF 100%);
        	background: linear-gradient(top, #FAFAFA 0%, #DFDFDF 100%);
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dfdfdf', GradientType=0 );
        	border: 4px solid #dfdfdf;
        	padding: 1.........完整代码请登录后点击上方下载按钮下载查看