qq_34631220的博客

html原生select 下拉框

css图片放大缩小动画

css图片滚动

css实现图片旋转

css180度旋转

css隐藏滚动条

<view id="medialist" class="medialist" style="position: fixed;top:0;overflow: auto;height: calc(100pv);"> <view id="media" style="list-style-type: none;"> <view style="list-style-type: none;"><image src="../../static/223.png"&g.

justify-content: flex-end;

css渐变色background-image: linear-gradient(#FF0000,#FFF200);

textarea { border: 0; outline: none; background-color: rgba(0, 0, 0, 0);// 透明背景 }input{ border: 0; outline: none; background-color: rgba(0, 0, 0, 0);// 透明背景 }

-webkit-box-shadow: 0 2px 0px 0 rgba(0,0,0,.1);box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);

box-shadow: 0 0 20px rgba(220, 220, 220, 0.3);

<link rel="stylesheet" href="{{ URL::asset('static/css/admin.css') }}" media="screen and (min-width: 1200px) and (max-device-width: 120000px)"><link rel="stylesheet" href="{{ URL::asset('static/css/admin1.css') }}" media="screen and (max-width: .

calc()函数支持 "+", "-", "*", "/" 运算；width:calc(100% - 150px);height:calc(100% - 150px);

li:hover{}

overflow-y: auto; 单右边显示滚动条overflow-x: auto; 单底部显示滚动条overflow: auto; 都显示滚动条样式::-webkit-scrollbar { width: 14px; height: 14px;} ::-webkit-scrollbar-track,::-webkit-scrollbar-thumb { border-radius: 999px; border: 5px solid transparent;}

加上 !important 优先级最高.layui-tree-line .layui-tree-entry:hover .layui-tree-txt{ color: #4343af !important; text-decoration: none !important;}layui树形组件下划线去掉就使用到，其它框架也可能出现无法修改，这时候加优先级...

.dade-text{ width: 95%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

display: flex;justify-content: center;align-items: center;

width: 15rpx;height:15rpx;background: #ffffff;border-radius: 50%;border: 1px solid #6c49eb;

opacity:0.8;

overflow-y: scroll;

font-weight:normal;font-weight:bold;font-weight:700;