
Css
文章平均质量分 83
RicardoMANUTD
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
d3 渲染path为直线时,渐变色无法适用
<path class="link" d="M15,15.345833333333333C279,15.345833333333333 279,15.345833333333333 543,15.345833333333333" style="stroke-width: 30.6917; opacity: 0.15; stroke: url("#gradient26&am...原创 2020-04-02 09:40:35 · 624 阅读 · 1 评论 -
移动端点击出现蓝色框的解决方案
/这一句是用来解决在安卓上的点击出现篮框问题/ body{ -webkit-tap-highlight-color:rgba(0,0,0,0); } /下面是解决ios上去除微信点击蓝色边框 / a:focus, input:focus, p:focus, div:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-us...转载 2018-09-17 16:57:18 · 4217 阅读 · 0 评论 -
图片旋转
做项目时有一个需求是一个指针在一段时间内旋转一定角度指向某个头像: $('#cssTest').css('transition-duration', '1s').css('transform', 'rotate(0deg)') transition-duration设置过渡效果持续时间 transform: rotate(10deg)设置以10deg旋转 ...原创 2018-09-18 11:20:20 · 155 阅读 · 0 评论 -
Flex布局
Flex布局 List item 运用在flex container上的属性 flex-direction: 确定主轴方向 flex-wrap: 设置是否换行 flex-flow: 设置主轴方向和是否换行 justify-content:延主轴方向的布局方式 align-item: 延交叉轴方向的布局方式 align-content: 多根轴线的布局方式 运用在Flex items上的属...原创 2018-09-26 17:23:55 · 167 阅读 · 0 评论 -
如何防止在3G网络下图片加载出来时文字会下落的情况
解决方法: 撑开div的高度,给图片加载留出空间 .item-img-wrapper overflow: hidden height: 0 padding-bottom: 33.9% .item-img width: 100% <div class="item-img-wrapper"> <img class="item-img" ...原创 2018-11-30 15:15:40 · 123 阅读 · 0 评论 -
如何使用css对图片进行截取
例如图片长这个样子,但是设计图给的图片实际没有黑边。这个时候如果我直接将图片嵌入div,就会出现图片被压缩的情况。例如这样: 解决方法如下: <div class="imgDiv"> <img class="img" src=src /> </div> .imgDiv { width: 240px; height: 135px; overf...原创 2019-02-19 11:20:41 · 888 阅读 · 0 评论 -
切换语言时如何切换字体
css选择器有一个方法是:lang(en),使用该方法可以进行语言切换 :lang(cn){ font-family: 'Noto Sans SC', sans-serif !important; } .loadingTitle { height: 48px; font-size: 48px; font-weight: normal; font-stretc...原创 2019-07-30 11:08:32 · 716 阅读 · 0 评论