css动效
故友从来匪石心
这个作者很懒,什么都没留下…
展开
-
2021-05-09
左右反转 .someone { direction: rtl; direction: ltr; } 上下反转 .someone { transform:rotateX(180deg); -ms-transform:rotateX(180deg); /* IE 9 */ -webkit-transform:rotateX(180deg); /* Safari and Chrome */ }原创 2021-05-09 22:50:38 · 78 阅读 · 0 评论 -
滚轴样子
background-clip: content-box !important; .pc-track-line::-webkit-scrollbar-thumb { background-clip: content-box !important; border: 4px solid transparent; border-radius: 100px; background-color: $lightenGreya; } .pc-track-line::-we原创 2021-05-09 22:43:06 · 85 阅读 · 0 评论 -
inline-block左右间隙问题
<div></div> // <- 祸根:这里的空格被识别了 <div></div> .inline-block { font-size: 0; word-spacing: 0; display: table; }原创 2021-02-22 20:15:11 · 120 阅读 · 0 评论 -
css动效集合
<!DOCTYPE html><html><style> .box { margin: 30vh auto 0 auto; width: 200px; height: 200px; background: #eee; display: flex; align-items: center; justify-content: center; transition: .5s; } .box:hover h2 { opacity: .1原创 2020-12-30 10:45:54 · 251 阅读 · 0 评论