![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
常用css
艾路菲尔
这个作者很懒,什么都没留下…
展开
-
css展开收起动画
需要展开的div.floatbg{ transform: scaleY(0); transition: transform 0.2s; transform-origin: top center; } 点击展开时追加acitve .active{ transform: scaleY(1); transition: transform 0.2s; transform-origin: top center; }...原创 2021-03-23 14:16:06 · 3745 阅读 · 0 评论 -
flex 换行每行子元素对齐
display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch;原创 2020-11-10 09:50:03 · 770 阅读 · 0 评论 -
css3按钮斜光影动画,金属光泽动画
&::before{ content: ''; position: absolute; z-index: 30; left: -100%; width: 60%; height: 100%; transform: skewX(20deg) translateX(0%);...原创 2020-08-20 14:10:32 · 648 阅读 · 0 评论 -
html 文本对齐 多行文字排版没有对齐 文字两端对齐 单行文字多行文字超出省略号
文字两端对齐 text-align: justify单行文字两端对齐 text-align-last:justify; text-align:justify; text-justify:distribute-all-lines; // 这行必加,bai兼容ie浏览器原创 2020-08-12 15:56:15 · 1437 阅读 · 0 评论