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
点击标签,会从原位置飞入(动画效果)下面的框。
在做客户一个选学生的功能时做的,如果你要获取已选的值,可以用自己的方法哈,方法很多,自己多想想~