css
℡╮荆棘鸟゛
这个作者很懒,什么都没留下…
展开
-
页面滑动栏滚动条样式设置
页面滑动栏样式设置 注意:具有兼容性问题/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar{ width: 16px; height: 16px; background-color: #F5F5F5;} /*定义滚动条轨道 内阴影+圆角*/::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;原创 2020-09-06 13:51:46 · 362 阅读 · 0 评论 -
弹框居中
方法一position: fixed;z-index: 10;width: 85%;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);方法二position: fixed;z-index: 10;width: 85%;top: 50%;...原创 2020-03-17 16:42:34 · 162 阅读 · 0 评论 -
关于canvas填写位置不准确的注意事项
初始化canvas对齐方式与基线并且设计图文字这些开始距离必须和文字一样(主要是一般文字里面会有空白空间 会使位置距离不准确) 方便canvas文字位置等填写ctx.setTextAlign(‘left’);ctx.textBaseline = “top”;...原创 2020-03-06 09:52:58 · 1080 阅读 · 0 评论 -
canvas 水流波纹
<canvas id="canvas" width="1912" height="150"></canvas>var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); canvas.width = canvas.parentNode.offset...原创 2019-11-11 16:00:07 · 619 阅读 · 0 评论 -
js 转盘抽奖
#bg img:last-child { width: 650px; height: 600px; margin: 0 auto; background: url(turntable-bg.jpg) no-repeat; position: relative;}.explain{ position: absolute; z-index: 10; ...原创 2019-10-31 17:27:06 · 164 阅读 · 0 评论 -
css 图片外面包裹得原始大于图片本身
解决:(1)外面原始高度设置成图片高度(2)图片设置成display:block原创 2019-09-03 17:43:11 · 151 阅读 · 0 评论 -
css绝对定位中设置了transform: translate(-50%,-50%)导致文字模糊问题
原因为元素宽高为绝对定位中设置了transform: translate(-50%,-50%);属性导致,促使宽高无法整除,先检查元素宽高是否为奇数,如果是则改为偶数即可原创 2019-05-21 17:02:01 · 3325 阅读 · 0 评论 -
css圆圈样式记分数(100分)天数(30天)等
css: .yuan { width: 76px; height: 76px; margin: 4.7px auto 0; box-sizing: border-box; padding-top: 8px; text-align: center; ...原创 2019-05-09 13:54:37 · 1084 阅读 · 0 评论 -
html css js 分页
样式基于bootstrap<ul class="pagination" data-page="1"> <li id="sortTable_previous"> <a href="javascript:void(0);" data-type="left"> <span class="icon font_family icon-jia...原创 2019-04-19 17:11:14 · 642 阅读 · 0 评论 -
html+css+js 百分比圆圈
.yuan{ width: 76px; height: 76px; margin: 4.7px auto 0; box-sizing: border-box; padding-top: 8px; text-align: center; ...原创 2019-04-09 11:02:23 · 1495 阅读 · 0 评论 -
css不需要宽度自动根据宽度隐藏多余字数为点...
text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break: break-all;overflow: hidden;原创 2019-04-03 09:40:16 · 531 阅读 · 0 评论