.dotted-line{    border: 1px dashed transparent;    background: linear-gradient(white,white) padding-box, repeating-linear-gradient(-45deg,#ccc 0, #ccc .25em,whi .multiline-ellipsis {  display: -webkit-box;  word-break: break-all;  -webkit-box-orient: vertical;  -webkit-line-clamp: 4; //需要显⽰的⾏数  overflow: hidden;  text-overflo
borderbox
时间轴html结构
滚动条
.scroll-container { height: 250px; border: 1px solid #ddd; padding: 15px; overflow: auto; .row {  margin: 0;  line-height: 1.5; } &::-webkit-scrollbar {  width:
.coupon{  width: 300px;  height: 100px;  position: relative;  background: radial-gradient(circle at right bottom, transparent 10px, #ffffff 0) top right /50% 51p
阴影效果
// 三⾓形阴影.shadow-triangle{    width: 0;    height: 0;    border-style: solid;    border-width: 0 50px 50px 50px;    border-color: transparent transparent rgb(245, 12
没有什么是⼀个flex搞不定的。.parent{    display: flex; }

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。