下一张图片随着滚动条滚动而显示
摘要：background-attachment:fixed;
阅读全文
posted @
2023-10-12 14:21
最帅爸爸
阅读(4)
推荐(0) 编辑
element 对话框标头样式美化
摘要：/deep/ .el-dialog__body { padding-top: 27px; padding-left: 42px; padding-right: 38px; } /deep/ .el-dialog { background: #F8FAFC; border-radius: 12px;
阅读全文
posted @
2023-06-19 17:44
最帅爸爸
阅读(291)
推荐(0) 编辑
修改elementUi中的Table高亮显示的样式
摘要：/deep/.el-table__body tr.current-row>td { color: #fff; background: #F9FBFD!important; }
阅读全文
posted @
2023-05-18 09:53
最帅爸爸
阅读(66)
推荐(0) 编辑
css图片剪裁
摘要：-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 83%, 0% 0%); 浏览器中调试即可知道位置
阅读全文
posted @
2023-04-27 15:09
最帅爸爸
阅读(22)
推荐(0) 编辑
css文字排版
摘要：text-align: justify; 最后一行不会进行排版，如果只有一行需要排版，可以借助伪类元素
阅读全文
posted @
2023-04-27 15:09
最帅爸爸
阅读(25)
推荐(0) 编辑
css文本强制一行显示，超出隐藏
摘要：white-space: nowrap; /*文本强制一行显示*/ overflow: hidden; /*文本溢出隐藏*/ text-overflow: ellipsis; /*溢出的文本显示省略号*/ }上面不行就用下面的-webkit：兼容性 .ellipsis1 { display: blo
阅读全文
posted @
2023-04-26 16:23
最帅爸爸
阅读(159)
推荐(0) 编辑
textarea去掉右下角的条纹
摘要：css: textarea{ resize:none }
阅读全文
posted @
2023-01-04 15:14
最帅爸爸
阅读(72)
推荐(0) 编辑
颜色渐变文字
摘要：-webkit-background-clip：text 记得要给文字的默认color为透明的哦——transparent，要不然会被默认的黑色给覆盖住 剪裁掉除文字以外的背景，这样我们只需要设置一个bgc就可以实现字体颜色渐变
阅读全文
posted @
2022-11-29 20:09
最帅爸爸
阅读(40)
推荐(0) 编辑
css悬浮第一个div时改变里层div的颜色
摘要：#one:hover > #two + #three { background-color: yellow; }
阅读全文
posted @
2022-11-23 11:37
最帅爸爸
阅读(71)
推荐(0) 编辑
filter用法
摘要：Filter描述 none 默认值，没有效果。 blur(px) 给图像设置高斯模糊。"radius"一值设定高斯函数的标准差，或者是屏幕上以多少像素融在一起， 所以值越大越模糊；如果没有设定值，则默认是0；这个参数可设置css长度值，但不接受百分比值。 brightness(%) 给图片应用一种线
阅读全文
posted @
2022-11-22 16:16
最帅爸爸
阅读(62)
推荐(0) 编辑
价格划线
摘要：text-decoration:line-through
阅读全文
posted @
2022-11-09 15:35
最帅爸爸
阅读(23)
推荐(0) 编辑
transition过度动画
摘要：所有的div的过度动画为1秒 div{ transition: all 1s; }
阅读全文
posted @
2022-10-09 09:45
最帅爸爸
阅读(26)
推荐(0) 编辑
transform旋转
摘要：一：rotate()2D旋转 单位 deg 度（Degrees） grad 梯度（Gradians） rad 弧度（Radians） turn 转、圈（Turns） 例： transform: rotate(45deg); 二：平移 translate() transform：translate(x
阅读全文
posted @
2022-10-09 09:43
最帅爸爸
阅读(136)
推荐(0) 编辑
css颜色渐变属性
摘要：linear-gradient（颜色渐变，） 例：to left设置渐变方向，也可以换成to right => to top => to bottom background: linear-gradient(to left, #6be585, #dd3e54); 效果图：
阅读全文
posted @
2022-10-09 09:12
最帅爸爸
阅读(26)
推荐(0) 编辑
css事件穿透
摘要：代码： pointer-events: none; 解义：你可以看的到第一个元素，但是你看不到下面的元素着，点击第一个元素会穿透触发到第二个元素的元素
阅读全文
posted @
2022-07-22 14:59
最帅爸爸
阅读(1253)
推荐(0) 编辑
css过渡样式
摘要：transition: 2s;//过渡两秒 用法： .div{ transition: 2s; }
阅读全文
posted @
2022-06-25 23:03
最帅爸爸
阅读(30)
推荐(0) 编辑
图片 css剪切，等比例缩放
摘要：object-fit: cover; .img1 {//自定义图片宽高，并且等比例缩放 width: 200px; height: 400px; object-fit: cover; }
阅读全文
posted @
2022-06-25 23:01
最帅爸爸
阅读(54)
推荐(0) 编辑
