随笔分类 -  css

样式
摘要:.line-clamp1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 两行超出 .line-clam 阅读全文
posted @ 2020-12-08 16:12 三行代码 阅读(127) 评论(0) 推荐(0)
摘要:效果 代码 .step-dom{ position: relative; padding: 35px 35px 12px 35px; border-bottom: 4px solid #e8e8e8; .triangle-topleft { display: inline-block; width: 阅读全文
posted @ 2020-05-19 16:31 三行代码 阅读(1123) 评论(0) 推荐(0)
摘要:话不多说 都在代码里 效果图 主要运用了 缩放 没有实测兼容问题 主力chrome 原 实现代码 可直接写font-size 在上面的styele中 我这用的另一个class装 需要更小 可调整transform 倍数 就酱 告辞~~~ 阅读全文
posted @ 2019-01-10 00:52 三行代码 阅读(738) 评论(0) 推荐(0)
摘要:让一个input框作为一个有placeHolder 提示信息的 展示信息面板 左边为可编辑的面板(为编辑状态)右边为展示 右边需要修改 0.背景颜色与背景同色 1.取消外边框 input{ outline: medium}2.鼠标禁用(可作为全局样式使用) .mouse_disabled { poi 阅读全文
posted @ 2018-12-20 11:37 三行代码 阅读(2012) 评论(0) 推荐(0)
摘要:矩形边框 可增加border属性 勾绘出一条边线 会变成一个圆 以及各种不规则矩形形状 如一些三角形啊 (可做提示边边角,展开收起等状态) 五六七八边 平行、梯形、菱形 椭圆,半圆,整个园 月牙,狼牙,小铁环 .... 甚至于 爱心❤ /* 爱心 */ .love { position: relat 阅读全文
posted @ 2018-12-18 12:14 三行代码 阅读(8210) 评论(0) 推荐(0)
摘要:常见的有溢出三点隐藏 控制在一行 条件 有宽度 px %都可 溢出隐藏 overflow:hidden 强制一行显示 white-space:nowrap 文本溢出点点点显示 text-overflow:ellipsis 效果 控制在多行之后进行点点点显示 可以通过改变-webkit-line-cl 阅读全文
posted @ 2018-11-26 12:18 三行代码 阅读(2766) 评论(0) 推荐(0)
摘要:template: style: Chrome: 阅读全文
posted @ 2018-11-23 14:42 三行代码 阅读(371) 评论(0) 推荐(0)