html {
font-size:16px;
}
.fromlist {
padding:10px;
overflow:hidden;
background-color:seashell;
border:1px solid bisque;
transition:0.4s;
margin-top:20px;
}
.tolist {
padding:10px;
border:1px solid skyblue;
background-color:aliceblue;
margin-top:20px;
}
label {
padding:2px 5px;
background-color:darkgray;
color:#FFF;
margin-right:2px;
cursor:pointer;
border:solid 1px rgba(138,138,138,1.00);
border-radius:4px;
display:inline-block;
margin-bottom:2px;
}
.fromlist label {
background-color:tan;
border-color:rosybrown;
}
.tolist label {
background-color:dodgerblue;
border-color:royalblue;
}
.btns {
padding:10px;
overflow:hidden;
background-color:aliceblue;
border:1px solid lavender;
}
.btns button {
background-color:blueviolet;
color:#FFF;
border:0;
padding:5px 10px;
border-radius:4px;
font-size:18px;
box-shadow:0 0 2px 0 rgba(0,0,0,0.5);
outline:none;
}
.btns button:active {
box-shadow:0 0 5px 0 rgba(0,0,0,0.8);
}
发布时间:2018-6-21 3:55
点击标签,会从原位置飞入(动画效果)下面的框。
在做客户一个选学生的功能时做的,如果你要获取已选的值,可以用自己的方法哈,方法很多,自己多想想~